从圆形到三角形的D3.js可视化

Question

有人知道如何将这个图表中的圆形http://bost.ocks.org/mike/nations/更改为三角形，并仍然能够动态增长和缩小吗？

- Apollo

Answer 1

创建三角形的方法有很多种；一种无需自己进行任何几何操作的方法是使用d3.svg.symbol类型为"triangle-up"。像这样：

• http://bl.ocks.org/3244058

- mbostock

Answer 2

我认为代码几乎相同，但是你需要计算一个有三条边的多边形的顶点，而不是画圆。重要的是，你的三角形面积与它所代表的值成比例。请查看多边形文档https://github.com/mbostock/d3/wiki/SVG-Shapes

- Pablo Navarro