Collection
Post cover

Top 20 jQuery Charts And Graphs

Collection of free jQuery chart and graph examples and plugins.

Pie Chart

Author: Ziropixel

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Donut in 2D : Chart Gallery

Author: Ancoor

Links: demo and code

Made with: HTML / CSS / JS

A variation of the pie chart, the doughnut 2D chart has a blank space at the center to show useful information about the data being plotted.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: fusioncharts.js, fusioncharts.theme.fusion.js, fusioncharts.jqueryplugin.js

Post cover

Flot

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Author: flot

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
5.9k 280 1.6k
Post cover

Peity

Peity (sounds like deity) is a jQuery plugin that converts an element's content into a mini svg progressive pie, donut, line or bar chart.

Author: benpickles

Links: GitHub, Website

Made with: HTML (62.8%), JavaScript (31.8%), Ruby (2.6%), Makefile (2.4%), CSS (0.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
4.2k 137 410
Post cover

Cytoscape.js

Cytoscape.js is a fully featured graph theory library. Do you need to model and/or visualise relational data, like biological data or social networks? If so, Cytoscape.js is just what you need.
Cytoscape.js contains a graph theory model and an optional renderer to display interactive graphs. This library was designed to make it as easy as possible for programmers and scientists to use graph theory in their apps, whether it's for server-side analysis in a Node.js app or for a rich user interface.

Author: cytoscape

Links: GitHub, Website

Made with: JavaScript (99.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
8.6k 224 1.5k
Post cover

Arbor

Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.
It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs.
As a result, the code you write with it can be focused on the things that make your project unique – the graph data and your visual style – rather than spending time on the physics math that makes the layouts possible.

Author: samizdatco (Christian Swinehart)

Links: GitHub, Website

Made with: JavaScript (95.4%), Python (4.2%), Shell (0.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.6k 161 594
Post cover

jQuery Sparklines

This jQuery plugin makes it easy to generate a number of different types of sparklines directly in the browser, using online a line of two of HTML and Javascript.

Author: gwatts (Gareth Watts)

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.2k 62 286
Post cover

OrgChart

It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.

Author: dabeng (Xuebin Dong)

Links: GitHub

Made with: JavaScript (89.1%), CSS (10.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.5k 153 732
Post cover

jOrgChart

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you'd like to display. If drag-and-drop is enabled you'll be able to reorder the tree which will also change the underlying list structure.

Author: wesnolte

Links: GitHub

Made with: JavaScript (71.2%), HTML (18.6%), CSS (10.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
979 106 689
Post cover

jQuery Plugin Circliful - Circle Statistics

jQuery circle statistic plugin.

Author: pguso (Patric Gutersohn)

Links: GitHub, Website

Made with: TypeScript (79.9%), HTML (9.9%), JavaScript (8.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
891 51 316
Post cover

jQuery.ganttView

The jQuery.ganttView plugin is a very lightweight plugin for creating a Gantt chart in plain HTML...no vector graphics or images required. The plugin supports dragging and resizing the Gantt blocks and callbacks to trap the updated data.

Author: thegrubbsian

Links: GitHub

Made with: JavaScript (83.0%), CSS (17.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
778 61 356
Post cover

Pizza Pie Charts

Pizza is a responsive pie, donut, bar, and line graph charting library based on the Snap SVG framework from Adobe. It focuses on easy integration via HTML markup and CSS instead of JavaScript objects, although you can pass JavaScript objects to Pizza as well.

Author: zurb

Links: GitHub, Website

Made with: JavaScript (91.8%), HTML (4.7%), CSS (3.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
420 57 67
Post cover

jQuery Visualize

HTML5 canvas charts driven by HTML table elements.

Author: filamentgroup

Links: GitHub

Made with: JavaScript (76.7%), HTML (12.4%), CSS (10.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
354 51 125
Post cover

HighChartTable

jQuery plugin to convert HTML tables to HighCharts graphs.

Author: highchartTable (Adrien Gallou)

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
272 46 137
Post cover

jQuery.Flowchart

jquery.flowchart.js is an open source javascript jQuery ui plugin that allows you to draw and edit a flow chart.

Author: sdrdis (Sébastien Drouyer)

Links: GitHub, Website

Made with: JavaScript (77.7%), HTML (15.0%), CSS (7.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
458 39 146
Post cover

jQuery.Graphviz.SVG

jQuery plugin to make Graphviz SVG output more interactive and easier to navigate.

Author: mountainstorm

Links: GitHub

Made with: JavaScript (77.0%), HTML (15.4%), CSS (7.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
180 13 59
Post cover

Chartinator

A jQuery plugin for transforming HTML tables into charts using Google Charts.

Author: jbowyers

Links: GitHub

Made with: HTML (43.9%), JavaScript (38.5%), CSS (17.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
50 8 24
Post cover

ZingChart jQuery

Easy ZingChart manipulation and interactivity for jQuery users. 35+ chart types and modules.

Author: zingchart

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
45 14 13
Post cover

Ivis

IVIS is a chart editor for interactive visualisation, based on jQuery and HighCharts. Chart types include dot/scatter, 2D scatter, line, bar/column, pie, and heat map. It's powerful when analysing large data sets.

Author: zglu (Zhigang Lu)

Links: GitHub, Website

Made with: JavaScript (85.0%), CSS (10.8%), HTML (4.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
6 2 1
Post cover

IguanaChart

IguanaCharts is HTML5 jQuery stock charts library.

Author: iguanaChart

Links: GitHub

Made with: JavaScript (88.1%), Less (10.1%), CSS (1.5%), HTML (0.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
34 10 19

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback