Search code examples
javascriptd3.js3dpie-chart

3D Pie Chart using d3.js

I'm using d3.js to create Pie Chart.I have already developed the 2D chart and I need to do some changes in it which I'm not sure how it can be done.

This is chart I have achieved till now in 2D

Fiddle Sample

Now I'm trying to convert the same to 3D by following this example, but I'm not able to acheive this and I'm not sure what am I doing wrong.
Fiddle for this:

https://jsfiddle.net/crazyCoder1989/qkHK6/2984/

PS: I'm using d3.js version4.

<script src="https://d3js.org/d3.v4.min.js"></script>

I really appreciate if someone could help me achieve this.

Thanks!

Solution

  • The fiddle doesn't work because it (1) uses D3 v3.x as resource and (2) the dimension of the SVG are too limited.

    Change D3 to version 4.x and increase the values of 'h' and 'w' for the chart to render.

    var w = 600;
var h = 400;

    Updated fiddle