D3.js D3点图,带有水平行点,如美联储';s预测图,HOWTO

D3.js D3点图,带有水平行点,如美联储';s预测图,HOWTO,d3.js,plot,D3.js,Plot,因此,美国中央银行,美联储(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,

因此,美国中央银行,美联储(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]}
]

这个情节是小说的变体。Asielen提供了一个关于如何使用d3.js渲染此类绘图的示例:

点击蜂群按钮查看类似的图

代码位于上。

-查看蜂群图。代码可以在这里找到: