Chart js - Polar Scatter Chart

Question

I'm trying to plot a simple Polar Scatter Plot like this.

How do I do it using Chart.js?

score 1 · Accepted Answer · answered Oct 18 '17 at 14:13

1

Chart.js is limited to creating polar charts that look like this. If you want a higher degree of control to look exactly like the image you've posted, I would look into something like d3. If you're new to data visualization, I'd start with chart.js. They make it straightforward to initialize a polar chart.

new Chart(ctx, {
    data: data,
    type: 'polarArea',
    options: options
});

Here's a fiddle of what the code would look like. http://jsfiddle.net/eHmSr/110/

answered Oct 18 '17 at 14:13

Joseph Cho

4,033
4
26
33

Which library do you recommend for scientific data visualization? Could provide an example of how to do it in d3.js? – Ahmed Fouzan Oct 18 '17 at 14:18
1

I just came across this example using potly.js. It seems the closest to what you want. https://codepen.io/plotly/pen/ZGPRBY – Joseph Cho Oct 18 '17 at 14:25
Thanks! Are you sure Chart.js doesn't provide Polar Scatter Plot? – Ahmed Fouzan Oct 18 '17 at 14:29
Unfortunately not. Chart.js is known for its great charts + simplicity. It doesn't have a lot of customization. – Joseph Cho Oct 18 '17 at 15:03

Chart js - Polar Scatter Chart

1 Answers1