使用D3.js可视化不同颜色的字符串

Question

我想创建比图像中更好的可视化效果：

当前，这是一个跨度为矩形的HTML页面。当然，我遵循这种方式来获得更动态的数据表示。但是我很好奇，如果可以使用D3.js更好地做到这一点。

是否存在可用于实现此目的的图表/可视化类型？