Making a chart in JS

Hello all,

Not sure if JS is the best tool to do this, but I need to make charts.
I created them in an excel file as follows, but I don’t know how to do this for the web.

The lines in the graph are static. They don’t change.
The TOM and ZFW do change positions in the chart based on x and y values (not shown here)

All tips for reading material, links etc to help me get started are welcome.

I don’t have a clue as to the best pre-existing scripts, but I’m sure that JavaScript is a good place to be looking. Maybe employing the HTML5 canvas?

There’s a good run through of chart.js here (http://www.sitepoint.com/creating-beautiful-charts-chart-js/) but that script caters to certain types of charts being drawn, and yours seems to be of an irregular type. Not sure if you could use that, or some modified version of it?

1 Like

Chart.js seems to do the job.
Just playing with it for a couple of minutes and seems promising.
Thanks for you help Jeffrey!

d3 is the big one for visualisations in JavaScript, for line charts your options are SVG or Canvas. Here’s a good intro to d3 if you’d like to check it out.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.