A JavaScript library based in D3 that helps you visualizing and laying out time-series data, helping you create simple graphics in a responsive way...

A JavaScript library based in D3 that helps you visualizing and laying out time-series data, helping you create simple graphics in a responsive way. It supports line charts, scatterplots and histograms. The library is data source agnostic, allowing you to work with any tool you want. It is open source and free to implement in any project.

A JavaScript library for creating modular charts built on D3. The charts created are flexible, providing high-level pieces like plots, gridlines, a...

A JavaScript library for creating modular charts built on D3. The charts created are flexible, providing high-level pieces like plots, gridlines, and axes. It also consists of a pluggable set of components which helps creating reusable charts. This Library is open-sourced and licensed under MIT.

A set of beautiful and colorful animated graphs for statistics made with CSS and JavaScript. It creates sparkline graphs, perfect for representatio...

A set of beautiful and colorful animated graphs for statistics made with CSS and JavaScript. It creates sparkline graphs, perfect for representations of stock variation or site traffic, as well as circular percentage bars, a trend useful to show skills' and abilities. This pen was created by Jonas Badalic.

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.

Whether you are creating traditional websites, sites that target mobile devices, or native apps built with HTML5 JavaScript and compiled with Apach...

Whether you are creating traditional websites, sites that target mobile devices, or native apps built with HTML5 JavaScript and compiled with Apache Cordova (PhoneGap), ChartJS provides high-performance and elegant data visualization options for all your business intelligence needs. The measure of success for any business intelligence solution is to ensure that the visual representation of data is meaningful and actionable.

A colorful code snippet for providing information in the form of a line chart. It can be divided into two sections, this can be used, for example, ...

A colorful code snippet for providing information in the form of a line chart. It can be divided into two sections, this can be used, for example, to show negative and positive values. Definitely a useful tool to show complex data in a simplified way. Created with JavaScript and HTML.

A nice graphic containing a couple of curved lines with dots representing particular moments in time. When hovering on these dots, they animate sli...

A nice graphic containing a couple of curved lines with dots representing particular moments in time. When hovering on these dots, they animate slightly and become thicker as well as the lines, but just as a visual effect and not necessarily proving any additional information.

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.

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.

A self-updating graphic displaying a timeline divided into positive and negative values, each with their corresponding color (red and blue, respect...

A self-updating graphic displaying a timeline divided into positive and negative values, each with their corresponding color (red and blue, respectively). The bar comes split into dots for every “moment” in the timeline, hover over any of them to get precise information.

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.