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
- 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
- Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+
- Based on d3.js. Graphs are drawn using svg and styled using css.
- Licensed under MIT License
- 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.
- 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.
- Configuration is by dynamic functions, allowing for a really compact API (very few options)
- Non-core layout is done via CSS rather than code
- 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'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.
- Currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
- Licensed under MIT License
- 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.
- 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.
- Line, area, bar and Donut charts are supported
- Licensed under BSD License
- 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
- 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.
- 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+.
- 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.
- 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>.
- Simple and accessible public API
- Fluid drawing process management, with frames insertion
- jQuery-like chainable methods
- Defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.
- 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
- 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.
- DHTML-based AJAXy widget for plotting time series
- Licensed under BSD License
*Please confirm the email sent to your inbox after clicking "Sign Up!".