Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
RealcomBiz
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



Features
  • 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




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

3.  Rickshaw




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

4.  Highcharts




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




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

12.  amCharts




Features
  • 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




Features
  • 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




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

15.  RGraph



Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




Features
  • 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




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

24.  DyGraphs




Features
  • 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




Features
  • 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!".

4 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
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
      http://we-cooking.com/
      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:

      Delete
  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.

    ReplyDelete

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