9 great JavaScript framework scripts for drawing charts on the web

1. Flot

Flot is a pure Javascript framework for drawing charts based on the jQuery framework. It can draw and generate various graphics instantly on the client side. What's important is its ease of use (with lots of optional settings), attractive visuals, and interactive features like chart zooming and mouse tracking. This JavaScript framework is suitable for the well-known Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ browsers. View sample chart

2. JS Charts

JS Chart is a free Javascript-based chart generator that requires little or no hand-written coding. Using JS Chart can easily complete your chart generation task, because you only need to use client-side scripts (i.e. browser side), without extra plug-ins or server-side modules. You just need to prepare the JS Chart script, the XML or Javascript array containing the chart data, and your chart is ready.

3. TableToChart

TableToChart is a web chart generator based on the MooTools JS framework. It draws graphical charts using the values ​​contained in an HTML table. You can use the Table tag to generate bar, line, and pie charts.

4. PlotKit

PlotKit is a Javascript framework for drawing charts and graphics. It supports HTML Canvas, SVG based on Adobe SVG Viewer, and local browsers.

5. Yahoo UI Charts Control

YUI Chart Manager can visualize charts in the form of vertical bars, horizontal bars, lines, pies, etc. on web pages. Key features include support for DataSource, mouse-over data tips, combined charts, and skin functionality.

6. ProtoChart

ProtoChart is an open source framework based on Prototype and Canvas that can create very beautiful charts. It supports connecting multiple data such as line, bar, pie, curve, mixed (mix), and surface charts in a unified graph. It supports IE6/7, FF2/3 and Safari and even works on iPhone.

7. EJSChart

EJSChart supports mouse tracking, mouse events, keyboard tracking and events, zooming, scrolling, crosshairs to increase the sense of interactivity and bring the user experience of web charts to a higher level. You can choose from a variety of chart types: line, area, scattered data, pie, and function series. Every detail of the chart can be customized.

8. fgCharting

fgCharting is a simple chart generator based on the jQuery framework. It also supports various chart types and can customize parameters.

9. Pure CSS data chart

How about this chart implemented with pure CSS code? It’s incredible, right? Do you want to know how it is implemented? Then take a look at this tutorial on making charts with pure CSS .

English original: Useful scripts to plot charts in web pages