Top 20 jQuery Charts And Graphs

Author: Ziropixel

Links: demo and code

Made with: HTML / CSS / JS

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

Responsive: yes

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

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:

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:

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:

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:

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:

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:

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:

jQuery circle statistic plugin.

Author: pguso (Patric Gutersohn)

Links: GitHub, Website

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

GitHub Activity:

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:

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:

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:

jQuery plugin to convert HTML tables to HighCharts graphs.

Author: highchartTable (Adrien Gallou)

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

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:

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:

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:

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:

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:

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: