Javascript D3.js从圆到三角形的可视化_Javascript_Svg_D3.js_Transitions_Bubble Chart

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

javascript svg d3.js

Javascript D3.js从圆到三角形的可视化,javascript,svg,d3.js,transitions,bubble-chart,Javascript,Svg,D3.js,Transitions,Bubble Chart,有人知道我如何将这个图中的圆变成三角形，并且仍然动态地增长和收缩吗我认为代码几乎相同，但您需要计算具有三条边的多边形的顶点，而不是绘制圆。三角形的面积与其所代表的值成比例是很重要的。查看多边形文档有多种创建三角形的方法；一种不用自己做任何几何的方法是使用类型“triangle up”。像这样：

有人知道我如何将这个图中的圆变成三角形，并且仍然动态地增长和收缩吗

我认为代码几乎相同，但您需要计算具有三条边的多边形的顶点，而不是绘制圆。三角形的面积与其所代表的值成比例是很重要的。查看多边形文档

有多种创建三角形的方法；一种不用自己做任何几何的方法是使用类型“triangle up”。像这样：