Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
Pin It

25 Free jQuery/JavaScript Charts and Graphs Libraries

One of the overall important features regarding charts involves the transformation of raw looking data into concise and interactive charts and graphs; which will not only render facts and figures in a more colorful way - but moreover will interest readers, and furthermore simplify things for users to comprehend.

if you are working on a website project where you have to create charts or graphs, like a stock market site, for example, or if you are making a visual presentation in HTML format. The following libraries will help you get that done.

1.  JS Charts

  • Prepare your chart data in XML, JSON or JavaScript Array
  • Create charts in different templates like bar charts, pie charts or simple line graphs
  • You don't need any server-side plugins/modules
  • It's compatible with most web browsers
  • 3D pies and 3D bars are available in the latest version

2. Flot

  • Pure JavaScript plotting library for jQuery
  • Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

3.  Rickshaw

  • Based on d3.js. Graphs are drawn using svg and styled using css.
  • Licensed under MIT License

4.  Highcharts

  • It supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.
  • Under any of the licenses, free or not, you are allowed to download the source code and make your own edits.
  • Highcharts needs only two JS files to run: The highcharts.js core and either the jQuery, MooTools or Prototype framework.
  • With the exporting module enabled, your users can export the chart to PNG, JPG, PDF or SVG format at the click of a button.
  • All text labels, including axis labels, data labels for the point and axis titles, can be rotated in any angle.
  • On hovering the chart Highcharts can display a tooltip text with information on each point and series.
  • It works in all modern browsers including the iPhone/iPad and Internet Explorer from version 6.

5.  Google Charts

  • Rich gallery of interactive charts and data tools.
  • Connect to your data in real time using a variety of data connection tools and protocols.
  • Configure an extensive set of options to perfectly match the look and feel of your website.
  • Browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases.

6.  jChartFX

  • jChartfx runs in your browser using pure JavaScript.
  • It provides the most comprehensive API, making it easy to customize every aspect of the charts, from axis to data series settings.
  • jChartFX leverages HTML5, CSS and SVG capabilities in today’s browsers.
  • It supports JSON so you can populate charts with your data by simply using web services to retrieve server side data from any source.

7.  TufteGraph

  • Configuration is by dynamic functions, allowing for a really compact API (very few options)
  • Non-core layout is done via CSS rather than code

8.  jqPlot

  • Numerous chart style option
  • Date axes with customizable formatting.
  • Up to 9 Y axes.
  • Rotated axis text.
  • Automatic trend line computation.
  • Tooltips and data point highlighting.

9.  Spider Graph

  • Interactive HTML5 spider graph module
  • The yellow and orange layers display fixed data. The blue layer is active, allowing the user to input data with a mouse or touch device.

10.  jQuery Sparklines

  • It generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.
  • It's compatible with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android. 

11.  gRaphael

  • Currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
  • Licensed under MIT License

12.  amCharts

  • The charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.
  • It's an independent library, which doesn’t require any 3rd party includes.

13.  Chart.js

  • It uses the HTML5 canvas element.
  • It's dependency free, lightweight (4.5k when minified and gzipped) and offers loads of customisation options.
  • It supports all modern browsers, and polyfills provide support for IE7/8.

14.  Morris.js

  • Line, area, bar and Donut charts are supported
  • Licensed under BSD License

15.  RGraph

  • HTML5 canvas and JavaScript based library
  • AJAX and JSON Support
  • The drawing API allows you to add interactive elements to your charts such as rectangles, circles, polygons, images and extra axes.
  • Open and free to use for any purpose under the MIT license.

16.  DHTML Charts

  • Supports line, spline, area, bar, pie, donut, scatter, and radar charts
  • JavaScript charting library for generating cross-browser HTML5 charts
  • The charts can be loaded from XML, JSON, JavaScript array, or CSV and updated on the fly (by using Ajax) to show changing graphical data.
  • Works in all major web browsers: IE, FF, Safari, Opera, Chrome, or any other browsers based on Mozilla or the Webkit engine.
  • It's available in the Standard Edition only, and can be used for free under GNU GPL v2.

17.  jqBarGraph

  • Easy-to-use jQuery plugin for displaying your data as bar graphs.
  • Compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

18.  JpGraph

  • An Object-Oriented Graph creating library for PHP
  • Has over 200+ built in Country flags
  • Support for alpha blending
  • Advanced interpolation with cubic splines to get smooth curves from just a few data points
  • Supports several plot types,spider-plots, pie-charts (both 2d and 3d) , scatter-plots, line-plots, filled line-plots, accumulated line-plots, bar plots, accumulated bar plots, grouped bar plots, error plots, line error plots, box plots, stock plots.
  • Supports internal caching (with timeout) of generated graphs to lessen burden of a HTTP server.

19.  Elycharts

  • It can draw all frequently used chart types: line charts with spline support, combined line, pie charts, sparklines, bar charts, area and areaspline charts.
  • Highly customizable with a simple configuration
  • Support dynamic data modification, with graceful animations to show the chart evolution.
  • Compatibility: Firefox 3.0+, Safari 3.0+, Opera 9.5+, Internet Explorer 6.0+, Google Chrome/Chromium.
  • It's based on a MIT license

20.  jQuery Org Chart

  • Very easy to use given a nested unordered list element.
  • Drag-and-drop reorganisation of elements.
  • Showing/hiding a particular branch of the tree by clicking on the respective node.
  • Nodes can contain any amount of HTML except <li> and <ul>.

21.  Sigma

  • An open-source lightweight JavaScript library to draw graphs, using the HTML canvas element.
  • Simple and accessible public API
  • Fluid drawing process management, with frames insertion
  • jQuery-like chainable methods

22.  Protovis

  • Defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.
  • It uses JavaScript and SVG for web-native visualizations; no plugin required.
  • It's free and open-source, provided under the BSD License.

23.  Animated Pie Chart

  • Created using HTML5 canvas element, CSS3 and jQuery
  • 10+ available options to customize the chart

24.  DyGraphs

  • Handles huge data sets: dygraphs plots millions of points without getting bogged down.
  • Interactive out of the box: zoom, pan and mouseover are on by default.
  • Strong support for error bars / confidence intervals.
  • Highly customizable: using options and custom callbacks, you can make dygraphs do almost anything.
  • It works in all major browsers (including IE8). You can even pinch to zoom on mobile/tablet devices.

25.  TimePlot

  • DHTML-based AJAXy widget for plotting time series
  • Licensed under BSD License

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

9 comments : Post Yours! Read Comment Policy ▼
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Replies

    1. - Nhạc Thành ta phải đi.
      đồng tâm
      game mu
      cho thuê nhà trọ
      cho thuê phòng trọ
      nhac san cuc manh
      số điện thoại tư vấn pháp luật miễn phí
      văn phòng luật
      tổng đài tư vấn pháp luật
      dịch vụ thành lập công ty trọn gói
      chém gió
      - Ngươi đi sao, ngươi muốn đi đâu?

      Nhạc Thành khẽ giật mình, mặc dù biết Yêu Huyên sắp rời khỏi một năm kỳ hạn đã trôi qua nhưng trong lòng của hắn có một vẻ không muốn, hắn cũng đã quen với việc có Yêu Huyên ở bên cạnh.

      - Ta phải trở về tộc, trong tộc có một số chuyện cần ta giải quyết.

      Yêu Huyên cất tiếng nói, ánh mắt chăm chú nhìn Nhạc Thành.

      Mấy năm nay nàng vẫn luôn đi bên cạnh Nhạc Thành, chuyện của Nhạc Thành nàng đều biết, ba năm trước nàng gặp phải một tên mà Đấu Vương cũng phải chạy trốn vậy mà giờ đây ngay cả cường giả Đấu Hoàng hắn cũng có thể đạp đổ, mọi chuyện tưởng rằng như mới là ngày hôm qua.

      - Ngươi còn trở lại không?

      Nhạc Thành nhất thời cũng không biết phải nói gì.

      Yêu Huyên chần chừ nhìn Nhạc thành rồi nói:

  2. IOS has recently launched new version of Apple Operating System called IOS 10.To upgrade your IOS to Latest IOS 10 new release by Apple Inc. you can get New iOS 10 download free from CydiaNerd on your Browser.

  3. Purpose of education is that it removes the inequality from a society. Educated society treats all the members in a same way. coolessay review
    Education develops the sense that no person is superior from any other person on any base unless educatio


  4. The share your really gives us excitement. Thanks for your sharing. If you feel tired at work or study try to participate in our games to bring the most exciting feeling. Thank you!
    hotmail sign in | red ball game

  5. Thanks for your sharing! The information your share is very useful to me and many people are looking for them just like me!
    happy wheels

  6. Thanks for your post! I believe there are many who feel the same satisfaction as I read this article! I hope you will continue to have such articles to share with everyone!


About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger