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.


Webcharts and other related libraries are open-source projects hosted on github see links below for full details.


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
  • 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.