20 Interactive jQuery Chart & Graph

Here is the list of the best jQuery graph, diagram and Chart Plugins which can help you effortless include interactive JavaScript charts and graphs to your web. You can create symbols, such as bars in a bar chart, lines in a line chart, or pieces in a cake chart.

A chart, also called a graph, is a graphical representation of data, in which “the data is represented by symbols, such as bars in a bar chart, lines in a line chart, or slices in a pie chart”.

In the following list, you’ll find jQuery chart & graph for your upcoming work. Once you know about yet another jQuery Chart & Graphs plugins out there that you really wonder it can also be contributed upward into list. don’t hesitate to display links in our comments form.

See Also: 17 Powerful jQuery Autocomplete Plugins

Grafikon

Grafikon

Grafikon is a JQuery Chart Plugin, that gives you the possibility to create your own unique chart with full customization.

View Details

Interactive Bar Graph with CSS and jQuery

interactive_bar_graph_with_css_and_jquery

An interactive bar graph with animations and information. It’s built with CSS and jQuery.

DemoDownload

ZingChart

zingchart_jquery_charting_library

ZingChart jQuery wrapper is a lightweight extension of the ZingChart library that allows anyone to create, modify, and interact with charts entirely with jQuery syntax and functionality.

DemoDownload

Yako.js

yako.js_tiny_domless_graph_library

Yako.js is a tiny DOM-less graph library, build for fast front end and server side rendering in CommonJs pattern. This library is intend to generate light weight and simple SVG graphs, and is more performable compare to highcharts / flot / c3 / d3 when front end matters.

DemoDownload

Cake Chart

cake_chart_interactive_multi_layer_pie_chart

Cake Chart is a javascript library to create interactive multi-layer pie charts.

DemoDownload

two.js

two.js_two_dimensional_drawing_api_for_web

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

DemoDownload

ECharts

echarts_interactive_charting_library_by_baidu

ECharts is a comprehensive charting library offering a painless way of adding interactive charts to your products.

DemoDownload

tauCharts

taucharts_flexible_javascript_charting_library

tauCharts is a Javascript charting library with a focus on design and flexibility. It’s open source and based on D3.js

DemoDownload

Chartli

Chartli

Chartli allow you to create your own interactive line,bar,pie,radar,map,cone,chord e.t.c.

View Details

ProgressPieSVG

progresspiesvg_jquery_plugin_for_colored_svg_pie_icons

ProgressPieSVG is a jQuery Plugin for dynamically adding circular progress bars (rings) or pies to percent values in a website (visible or invisible).

DemoDownload

JS Sequence Diagrams

js_sequence_diagrams

JS Sequence Diagrams is a simple javascript library to turn text into vector UML sequence diagrams.

DemoDownload

plotly.js

plotly.js_open_source_javascript_graphing_library

plotly.js is an open source, high-level, declarative JavaScript graphing / charting library.

DemoDownload

OrgChart

orgchart_organization_chart_plugin_with_dom_and_jquery

OrgChart is a simple and direct organization chart plugin based on pure DOM and jQuery.

DemoDownload

Cytoscape.js

cytoscape.js_graph_theory_library_for_analysis_and_visualisation

Cytoscape.js is a graph theory library for analysis and visualisation.

DemoDownload

Chartify

chartify_jquery_plugin_to_make_google_charts_out_of_html_tables

Chartify is a jQuery plugin that takes data in

form and transforms it into Google Charts elements.

DemoDownload

Chartinator

chartinator_transform_html_table_into_google_charts

Chartinator is a jQuery plugin that transforms data from HTML tables, Google Sheets and js arrays into charts using Google Charts.

DemoDownload

D3 Calendar Heatmap

d3_calendar_heatmap

A d3.js heatmap representing time series data similar to github’s contribution chart.

DemoDownload

twgl.js

twgl.js_tiny_webgl_helper_library

twgl.js library’s sole purpose is to make using the WebGL API less verbose.

DemoDownload

WebCola

webcola_javascript_constraintbased_graph_layout

WebCola is an open-source JavaScript library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques. It works well with libraries like D3.js and svg.js

DemoDownload

Cubism.js

cubism.js_javascript_library_for_time_series_visualization

Cubism.js is a javascript library for visualizing time series. Use Cubism to construct better real time dashboards, pulling data from Graphite, Cube and other sources

DemoDownload

FlowChart.js

flowchart.js_svg_flow_chart_diagrams_with_javascript

flowchart.js draws simple SVG flow chart diagrams from textual representation of the diagram. Also diagrams can be with color view too.

DemoDownload

VivaGraphJS

vivagraphjs_graph_drawing_library_for_javascript

VivaGraphJS is the fastest graph drawing javascript library. It is designed to be extensible and to support different rendering engines and layout algorithms.

DemoDownload

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Please support the site
By clicking any of these buttons you help our site to get better :)