3D Pie Chart

121 views
Skip to first unread message

Chris Cole

unread,
Feb 7, 2016, 3:09:37 PM2/7/16
to d3-js
Hello guys. Is there a way, any way to create a 3d Pie Chart that can be rotated?

I've been trying to accomplish this in many ways but I really can't wrap my head around it....

Curran

unread,
Feb 8, 2016, 10:21:36 PM2/8/16
to d3-js
Hi Chris,


Rotating a pie chart makes the data less readable. Adding rotation distorts the pie slices, so some slices get bigger or smaller. Even if you use an orthographic projection (as opposed to a perspective projection), the protruding edges coming out of the slices cause some slices to take up more pixels than others in a way that is not based on the data.

As I understand it, the only reason to rotate a pie chart is to intentionally mislead your viewers, like this famous example by Steve Jobs.

See how the 19.5% slice is bigger than it should be? It is tempting to want 3D pie charts because they look fancy. I think lots of folks use 3D pie charts for this reason without realizing that it ruins the effectiveness of the visualization. If your goal is to present the data clearly, perhaps it would be better to use a bar chart.

Here are a few articles that deal with this topic in more detail:
If you really want a 3D pie chart with D3, here's an example that shows one way it can be done: 3D Donut by NPashaP.

Best regards,
Curran


On Sunday, February 7, 2016 at 12:09:37 PM UTC-8, Chris Cole wrote:
Hello guys. Is there a way, any way to create a 3d Pie Chart that can be rotated?

I've been trying to accomplish this in many ways but I really can't wrap my head around it....
jobs-pie.jpg

Suren

unread,
Feb 9, 2016, 12:00:59 AM2/9/16
to d3...@googlegroups.com
Hi Chris/Curran,

Here's another article on pie charts written by a colleague.

Thanks,

Surendran

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages