javascript - D3 表，对象沿 x 轴，字段沿 y 轴。如果满足字段条件，则单元格着色

Question

我的目标是使用 d3 创建一个图表，其中包含沿 x 轴的对象列表和在 y 轴上的字段值。

如果字段满足对象的条件，我将为单元格着色。（即它的空值）

有什么好的例子吗？我一直在研究 les Miserables 示例，但它不符合要求。我是 d3 的新手，正在努力寻找一个开始的例子。

我无权提供数据集中的数据，所以我举个例子。

我有 4 个对象 [ObjectA、ObjectB、ObjectC、ObjectD]。所有四个对象都存储在 mongodb 中，并具有以下字段 [name, address, number, age]。我需要创建一个图表，突出显示基于字段的对象之间的变化。

即，如果 A 和 B 之间的唯一区别是名称字段，而 B 和 C 之间的唯一区别是年龄，那么它们应该像下面的粗略表格一样突出显示

name     

address

number                 X

age                             X
          A            B        C          D

Answer 1

听起来您想要这个 d3 示例的简化版本，以可视化 Les Mis中的字符。