Is it possible to draw these charts with nvd3 or similar?
canvas, charts, d3.js, javascript, nvd3.js
Solution
Here is a few samples similar to you requirement that might help get and idea. It uses the d3.js framework
- D3 Pie charts with grid lines
- Creating a Polar Area Diagram (Radial Bar Chart)
- Smooth Transitioning of Polar Area Diagram
And here's a The Big List of D3.js Examples
Hope it helps
Problem
In a project I'm working on right now, which requires showing lots of charts, we've been using nvd3 javascript library quite successfully so far. One of the new features we are adding now requires us to render this kind of chart: Which is supposed to be a distribution chart (A + B + C + D = 100%). I don't know how to call that kind of chart. As far as I know there's no way to draw that chart using nvd3, but I may be wrong. Does anyone know a way to draw that kind of chart using nvd3 or any other library? Thanks in advance. UPDATE: I've learned that this kind of chart is called "rose chart", "polar area chart" or "coxcomb chart".