FREE jQuery libraries to make beautiful charts and graphs

Ever thought of how jQuery can be used to make beautiful chart and graphs? Below is the list of such plugin which can be used to convert raw and clumsy data into beautiful charts and graphs.

#1 Chartist: Simple Responsive Charts

Chartist is created with responsiveness in mind and is built on SVG principles. So that it is an ideal option for modern projects that need to clearly display data or stats in the website, tablets and cell phones.

by

#2 Interactive CSS3 & jQuery Graph

Valeriu Timbuc masterfully uses popular JavaScript-powered plotting plugin 'Flot' and standard CSS properties to create a simple tool forgenerating custom animated charts

by

#3 Chart.js

Simple, clean and engaging charts for designers and developers. Visualize your data in 6 different ways. Each of them animated, with a load of customisation options and interactivity extensions. Chart.js uses the HTML5 canvas element. It's supported in all modern browsers, and polyfills support for IE7/8.

CHART TYPES SUPPORTED

  1. Line Chart
  2. Bar Chart
  3. Radar Chart
  4. Polar Area Chart
  5. Pie Chart
  6. Doughnut Chart

by

#4 jqPlot

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features:

1. Numerous chart style options.2. Date axes with customizable formatting.3. Up to 9 Y axes.4. Rotated axis text.5. Automatic trend line computation.6. Tooltips and data point highlighting.7. Sensible defaults for ease of use.

by

#5 Org Chart

This is a very simple jQuery plugin which can be used to present the structure of the organization in a beautiful way.

by

#6 NVD3 Re-usable charts for d3.js

NVD3 is a project which is an attempt to build re-usable charts and chart components for d3.js without taking away the advantage that d3.js provides.This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions.

by

#7 jQuery Organisation Chart

The jquery-orgchart project is a small jQuery plugin that generates a hierarchical organisational chart from a regular HTML nested unordered list.

HTML/CSS purists likely would not be too happy with the implementation since it uses nested tables to achieve the layout. Nevertheless, it works pretty well and you can make nice looking interactive organisational charts with it quite easily.

All you need to do to get easy, great-looking charts is to write out your hierarchical chart structure as a regular HTML unordered list, where each chart node is a list item, or another unordered list. You can have as much nesting as you want to achieve the desired chart layout.

by

#8 GetOrgChart

GetOrgChart lets developers create complex tree structures and then displays them as a beautiful flow chart using HTML 5, CSS, and JavaScript. All the charts are fully customizable, and when used with a server-side component also allow developers to create and edit the charts using a specially crafted interface. Various skins and color palettes are included with GetOrgChart by default, but the developers can also create their very themes as well. In case GetOrgChart diagrams get too big, a built-in search field allows users to search for items, or the user can also use the table mode to view the raw data without the visual hierarchy. GetOrgChart is offered for free for non-commercial projects, while a license needs to be purchased for larger, commercial applications.

by

Add your submission

Image Video Audio Text Embed

This field is required

Drop Image Here

or

You don't have javascript enabled. Media upload is not possible.

Get image from URL

Maximum upload file size: 2 MB.

Processing...

This field is required

Drop Video Here

or

You don't have javascript enabled. Media upload is not possible.

e.g.: https://www.youtube.com/watch?v=WwoKkq685Hk

Add

Supported Services:

Maximum upload file size: 10 MB.

Processing...

This field is required

Drop Audio Here

or

You don't have javascript enabled. Media upload is not possible.

e.g.: https://soundcloud.com/community/fellowship-wrapup

Add

Supported Services:

Maximum upload file size: 1 MB.

Processing...

This field is required

e.g.: https://www.youtube.com/watch?v=WwoKkq685Hk

Supported Services:

Processing...

This post was created with our nice and easy submission form. Create your post!

What do you think?

102 points
Upvote Downvote

Total votes: 2

Upvotes: 2

Upvotes percentage: 100.000000%

Downvotes: 0

Downvotes percentage: 0.000000%

15+ Bootstrap Admin Dashboard Templates (Open list) (14 submissions)