C3 is a reusable JavaScript library for creating charts and graphs. This chart library is based on D3.js, another library that grabs digital data t...

C3 is a reusable JavaScript library for creating charts and graphs. This chart library is based on D3.js, another library that grabs digital data to create and manipulate interactive graphic shapes for web browsers. The D3 code doesn't have to be written again. This library allows the following: - It gives particular classes to each element for defining custom styles. - The D3 base allows to extend its structure. - It provides a number of APIs and callbacks to access the chart. - You can update the chart even after it renders. - You have deeper integration. The library is in its version 0.3.0, and it has regular updates like: - Modifying the architecture of the library to keep it up to date and extendable. - Splitting the source file into smaller ones. - Fixing bugs. - Changing its interface. Its dependence on D3 makes it work only in the browsers that library supports, and it works under the MIT license.

A clean code snippet for displaying information in the form of pie charts. Highlight effects when hovering add dynamism to the design while a box p...

A clean code snippet for displaying information in the form of pie charts. Highlight effects when hovering add dynamism to the design while a box pops ups with more data on the portion in question. This tool uses mainly HTML and JavaScript to work, although a few lines of CSS are also present.

A set of charts with multiple styles designed to be used in both Android and desktop set-ups. We can have the information displayed in four ways: B...

A set of charts with multiple styles designed to be used in both Android and desktop set-ups. We can have the information displayed in four ways: Bars, pie, columns and lines, each with its own particular styling. Animated hover boxes will provide further details on the elements displayed.

Share values and general information with this classy tool that will assist you with the creation of custom pie charts with dynamic data. If you wi...

Share values and general information with this classy tool that will assist you with the creation of custom pie charts with dynamic data. If you wish to receive extra data on a particular portion of the chart, just hover on it and a small box will pop up to provide it. It only relies on JavaScript to work.

Display information in a neatly organized chart with this useful tool. The chart elements can be styled with cool effects that give it much more ap...

Display information in a neatly organized chart with this useful tool. The chart elements can be styled with cool effects that give it much more appealing visuals, additional to that, a bubble will animate with our mouse whenever when hover on a portion of data and provide us with an inside look an what it represents.

Organize values and any sort of information with this neat code snippet. Its polished design features an animated box that moves around with you wh...

Organize values and any sort of information with this neat code snippet. Its polished design features an animated box that moves around with you when closing into info dots, this box will provide additional data about that particular piece of material and add a bit of movement to the chart.

Display any type of information in the form of stylish charts with this tool. Hovering the cursor over any of the dots will showcase additional inf...

Display any type of information in the form of stylish charts with this tool. Hovering the cursor over any of the dots will showcase additional info about that point in time. Different styles can be used within the same graphic to separate between types of data.

This classy code snippet can be utilised for the creation of pie charts to help users digest information in an organized manner. It includes hover ...

This classy code snippet can be utilised for the creation of pie charts to help users digest information in an organized manner. It includes hover interactions that provide more detailed figures about the highlighted pie portion. It uses only HTML and JavaScript to function.

A Gantt chart useful to schedule events within an expected timeline. It features a rather complex design given the use of dependencies to function....

A Gantt chart useful to schedule events within an expected timeline. It features a rather complex design given the use of dependencies to function. It not only carries the graph itself but also a set of navigation and zoom buttons. Uploaded to CodePen by Marek Bielańczuk.

A clean design for a line chart created with only JavaScript and HTML. A smooth box animates its way through the chart as we hover over it in order...

A clean design for a line chart created with only JavaScript and HTML. A smooth box animates its way through the chart as we hover over it in order to provide further information about a specific “dot” in the graphic. Uploaded to CodePen by user Jeff Bail.

A nicely styled set of column charts that blend together to make comparisons easier; this is done thanks to a neat transparency effect that allows ...

A nicely styled set of column charts that blend together to make comparisons easier; this is done thanks to a neat transparency effect that allows you to detect when elements are jointed together while still being recognizable. Uploaded to CodePen by BenjaminG.

This set of animated bar charts provides a fancy way to display multiple pieces of information in a dynamic way. Just click on the "next" and "prev...

This set of animated bar charts provides a fancy way to display multiple pieces of information in a dynamic way. Just click on the "next" and "previous" buttons and the bars will move around and rearrange themselves in order to show the following fragment of data, which in this particular case comes as various surveys.

By making clever use of Node.js, we can create a way to generate the same charts in both our front-end and the server, this is useful for exporting...

By making clever use of Node.js, we can create a way to generate the same charts in both our front-end and the server, this is useful for exporting, emailing or supporting clients with lower capabilities. Now that's the short version, but we strongly recommend checking the source for the complete details.

This original plugin was created as an alternative to another tool used for the creation of Grantt charts in order to counter some of its flaws. Th...

This original plugin was created as an alternative to another tool used for the creation of Grantt charts in order to counter some of its flaws. These limitations included the lack of paging, multitasking and the parsing of JSON dates. With this plugin, you will have a workaround for those issues and a little more.

Easy Pie Chart is a jQuery plugin that takes advantage of the canvas element to display basic pie charts for unique values. These charts are fairly...

Easy Pie Chart is a jQuery plugin that takes advantage of the canvas element to display basic pie charts for unique values. These charts are fairly easy to integrate into your project and highly customizable. They also look great in mobile devices, including retina displays. Also worth noting, the information presents itself with very smooth animations.

This tool allows you to make groups of nested elements in a very simple to understand tree structure. All you need to create them is to provide the...

This tool allows you to make groups of nested elements in a very simple to understand tree structure. All you need to create them is to provide the plugin with a list representing the things you'd like to have on the tree. Once that's happened, a drag & drop interface will enable you to re-arrange the elements at will.

With this jQuery plugin, we can generate sparklines (small inline charts) straight in the browser using information supplied through either JavaScr...

With this jQuery plugin, we can generate sparklines (small inline charts) straight in the browser using information supplied through either JavaScript or inline in the HTML. For example, it is possible to create a dynamic chart that updates in real-time indicating the average speed of our mouse. Compatible with all major browsers, including mobile devices.

A jQuery plugin for creating charts. It is possible to produce attractive line, bar and pie charts with a variety of features, out of which we high...

A jQuery plugin for creating charts. It is possible to produce attractive line, bar and pie charts with a variety of features, out of which we highlight:- Wide variety of chart designs- Text rotation- Sensible default for ease of us- Up to nine Y axes

The Visualize jQuery plugin allows the creation of accessible charts, very useful for people using a screen reader or any piece of assistive techno...

The Visualize jQuery plugin allows the creation of accessible charts, very useful for people using a screen reader or any piece of assistive technology. ARIA attributes have been added to the plugin to improve accuracy for screen reader users, while CSS handles the chart appearance for regular visitors.

A jQuery plugin used to generate very simple and quick charts for our website. The main advantage with this tool is its extremely light build, than...

A jQuery plugin used to generate very simple and quick charts for our website. The main advantage with this tool is its extremely light build, thanks to configuration by dynamic functions, with the lack of customization posing as the biggest downside of this. Also, styling is handled through CSS.

This jQuery plugin will assist us in the creation of neat interactive charts that come with an "expandable" design, allowing the possibility to "dr...

This jQuery plugin will assist us in the creation of neat interactive charts that come with an "expandable" design, allowing the possibility to "drill down" and see specific information in detail with the inclusion of even more charts. All creations are responsive, making this a great alternative for mobile pages.

Peity (sounding like “deity”) is a tool in the form of a jQuery plugin that enables you to convert the content from an element into a tiny and simp...

Peity (sounding like “deity”) is a tool in the form of a jQuery plugin that enables you to convert the content from an element into a tiny and simple <svg> mini pie, line or bar chart, like this –>              Cool, huh? It only works in browsers that support <svg> elements, so if you are using Internet Explorer, make sure you have one of the latest versions.

Elycharts is a JavaScript library that you can use to create your own interactive charts, which you can customize freely thanks to an impressive se...

Elycharts is a JavaScript library that you can use to create your own interactive charts, which you can customize freely thanks to an impressive set of options that include mouse tracking, animations, dynamic data modification, highlights and much more. Tested in all major browsers including IE6.

A D3 plugin created for easy visualization of time series. Useful for designing real-time dashboards and graphs based on information that can be pu...

A D3 plugin created for easy visualization of time series. Useful for designing real-time dashboards and graphs based on information that can be pulled from Graphite, Cube and other tools. Its scalable build allows the users to zoom into the content without losing resolution. It is also highly modifiable through CSS and JavaScript.

A set of HTML5 applications for data visualization with a rocket-fast performance. Launch modern UIs that deliv...

A set of HTML5 applications for data visualization with a rocket-fast performance. Launch modern UIs that deliver the versatility of HTML5. These HTML5/jQuery controls for web developers are outstanding performers and come boosted with attractive looks and interactive features.

Flot is a nice library designed to create attractive charts for your website with special attention to ease of use, appealing visuals and interacti...

Flot is a nice library designed to create attractive charts for your website with special attention to ease of use, appealing visuals and interactive features. It has been tested with most browsers in old versions including Internet Explorer 6, Firefox 2 and Google Chrome, so no need to worry about compatibility.

Twproject Gantt is a powerful web-based application that will guide you through the creation of Gantts (graphics that display the amount of time it...

Twproject Gantt is a powerful web-based application that will guide you through the creation of Gantts (graphics that display the amount of time it takes to perform a series of tasks), dependencies and task trees and export the information in JSON format. It features multiple aids like drag and drop, zooming, do/undo, CSS skins and much more.

This tool allows you to create complex charts based on any type of information. You can change the amount of information being analyzed (by changin...

This tool allows you to create complex charts based on any type of information. You can change the amount of information being analyzed (by changing the time period, for example) and the chart will move automatically to present the correct graphic. Created with HTML, CSS and JavaScript.