使用D3制作没有胡须的彩色盒子图

Question

我是D3新手，我希望使用类似于Glassdoor使用的图表显示不同服务的价格范围（最低价格，中位数价格，最高价格）（参见此示例：http://bit.ly/1koKeLL）。

这是一个水平条形图，左右两侧有可变边距，以图形方式显示低，中，高数据点。有没有人知道实现这个的最佳方法，特别是对于刚刚学习D3的人？

Answer 1

我认为这个人很好地实现了一个比你的图表更复杂的图表：

Bullet Chart in D3

但是，如果你想了解D3，并以智能和富有成效的方式使用它，我的强烈建议是：

不要走快捷方式。

这意味着在开始实现任何内容之前，您至少要经过一个好的教程，并至少简要介绍一下D3文档。

一个好的教程是here。浏览 所有 20课程。在本地计算机上实施 所有 示例。你可以在几天内完成。只有这样你才会回到你的榜样。

不要被网上可以找到的故事所诱惑，比如“我昨天开始使用D3，现在我创造了最疯狂的可视化”。他们要么是谎言，要么是深刻的无知。