带有水平行点的D3点图，如美联储的预测图，HOWTO

Question

所以美国中央银行，美联储（Fed），有一个委员会（FOMC），以“点图”的形式发布密切关注的预测。该图显示了委员会成员期望美元利率在每年年底的位置。

我想要一个库来绘制类似的web输出，我想象D3也许可以做到。关于美联储点图的奇怪特征是水平的点阵。

这是一个例子

以下是一些与

一起玩的Json数据

[
{"Label":"2016","Data":[0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625,0.625]},
{"Label":"2017","Data":[0.875,0.875,1.125,1.125,1.125,1.125,1.375,1.375,1.375,1.375,1.375,1.375,1.625,1.625,1.625,1.75,2.125]},
{"Label":"2018","Data":[0.875,1.625,1.875,1.875,1.875,1.875,1.875,2.125,2.125,2.125,2.375,2.375,2.625,2.625,3,3.25,3.375]},
{"Label":"2019","Data":[0.875,2.125,2.375,2.375,2.625,2.625,2.625,2.875,2.875,3,3,3.125,3.125,3.25,3.25,3.625,3.875]},
{"Label":"Longer run","Data":[2.5,2.75,2.75,2.75,2.75,2.75,2.75,3,3,3,3,3,3,3,3.5,3.75]}
]

Answer 1

情节是violin plot的变体。 Asielen有一个关于如何使用d3.js渲染这种情节的例子： http://bl.ocks.org/asielen/92929960988a8935d907e39e60ea8417

点击beeswarm按钮查看类似的情节。

代码位于https://gist.github.com/asielen/92929960988a8935d907e39e60ea8417。