Introduction
Webcharts is a charting library built on top of D3.js that offers a simple way to create reusable, flexible, interactive charts with JavaScript. Charts can be customized with a handful of settings and extended through callback functions. Webcharts can also create sets of controls that are tied to charts to dynamically manipulate chart data, appearance, or behavior.
Libraries
Webcharts and other related libraries are open-source projects hosted on github see links below for full details.
- Webcharts - reusable, flexible, interactive charts with JavaScript - source code, documentation, examples
- Webcharts-templates - convenience functions to create commonly used displays using Webcharts - source code, documentation
Updates
Updates from September 2015
Webcharts updates and Webcharts-templates initial release.
- Webcharts updated to version 1.1.1. Updates include:
- controls with
type: 'dropdown'
can now manipulate multiple options - a given set of marks can now be associated with specific subsets of data
- callback added that fires upon initialization of charts and tables
- various bug fixes. See release notes for full details
- controls with
- Released Webcharts-templates, a library used to create commonly used displays using Webcharts. See the github wiki for details, or see examples here, here and here.
Sample Chart
This simple line chart plots temperature over time between January 2014 and April 2015 in Wake County, NC. A line plots the average of the six station readings, each of which is represented by a circle. Data sourced from the National Climatic Data Center.