How to plot an array of numbers as an image using Javascript?

Question

I would like to plot an array of numbers (int/float/binary/..) as an image using Javascript and I don't know exactly how to do it..

The system is composed of a CORE part done in C++ and a GUI part done in jQuery, and I have to show results calculated by the CORE in the GUI side. I can pass them in any format such as binary files, XML files,... but I don't know how the GUI might plot an array of numbers and show them as an image to the user.. Also It may be useful to have an scale of colours..

any suggestion on doing that? any available library for that purpose? every idea is welcome!

thanks in advance! cheers

Sirko · Accepted Answer · 2012-05-22 08:44:40Z

2

Have a look at d3.js. This library provides plenty of possible visualizations and is quite easy to customize.

answered May 22, 2012 at 8:44

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xiaoyi · Accepted Answer · 2012-05-22 08:44:38Z

0

Here is a list of plot libs in js: http://javascript.open-libraries.com/utilities/chart/20-best-javascript-charting-and-plotting-libraries/

You need to format your data in json to get it work. if the data set is very big, better to plot is on server side and send a image file to client.

answered May 22, 2012 at 8:44

xiaoyi

6,7611 gold badge36 silver badges54 bronze badges

2 Comments

unclenorton Over a year ago

This list does not include highcharts.com, which is definitely worth trying

xiaoyi Over a year ago

@unclenorton This is list is totally out of date. Missing lots of good libs indeed.

Collectives™ on Stack Overflow

How to plot an array of numbers as an image using Javascript?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related