xCharts - A D3-Based Library For Building Custom Charts And Graphs

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

xCharts uses its input data to instruct it on how the dataset should be drawn. By providing the following data, an xChart will be instructed to draw an ordinal bar chart with a linear scale, containing two ordinal ticks on the x-axis for "Pepperoni" and "Cheese". There will also be a secondary dotted-line component overlaid on top of the bars.

Requirements: D3.js
Demo: http://tenxer.github.com/xcharts/examples/
License: MIT License

dc.js - A Dimensional Charting JavaScript Library

dc.js is a JavaScript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset (inspired by crossfilter's demo).  It leverages d3 engine to render charts in CSS friendly SVG format.

Charts rendered using dc.js are naturally data driven and reactive therefore providing instant feedback on user's interaction.  The main objective of this project is to provide an easy yet powerful JavaScript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.  It can also be used as a Node.js module.

Requirements: d3.js, crossfilter.js
Demo: http://nickqizhu.github.com/dc.js/
License: Apache License v2.0

DataMaps - A JavaScript Library For Interactive Maps For Data Visualizations

DataMaps is a JavaScript library for interactive maps for data visualizations.  DataMaps is bundled into a single JavaScript file.

Features

• Uses D3.js and Backbone, Underscore & Zepto
• Delivered as a jQuery plugin
• Optionally, if you use Backbone, also delivered as a standalone Backbone view
• Available bundled with dependencies and without(for existing Backbone apps)

Requirements: D3.js Backbone.js, Underscore.js, Zepto.js/jQuery
Demo: http://datamaps.github.ckom/
License: MIT License

Cubism.js - A D3 Plugin For Visualizing Time Series

Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.

Cubism fetches time series data incrementally: after the initial display, Cubism reduces server load by polling only the most recent values. Cubism renders incrementally, too, using Canvas to shift charts one pixel to the left. This approach lets Cubism scale easily to hundreds of metrics updating every ten seconds! Despite asynchronous fetching, rendering is synchronized so that charts update simultaneously, further improving performance and readability.

Cubism also scales in terms of perception: small multiples aligned by time facilitate rapid comparison. Cubism’s horizon charts make better use of vertical space than standard area charts, allowing you to see many more metrics at-a-glance and increasing the likelihood of discovery.

Cubism is data-source agnostic. It has built-in support for Graphite and Cube, and can be readily extended to fetch data from other sources. Client-side metric arithmetic allows further flexibility by combining metrics from multiple sources. Cubism’s modular components are designed for extensibility. You can add new chart types and modes of interaction, too. Cubism builds on D3, making it highly customizable via CSS and JavaScript.


Requirements: D3.js
Demo: http://square.github.com/cubism/
License: Apache License v2.0