node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org ยป



Takes a collection of data and turns it into a nice, D3 powered, SVG chart.


  • Integrates with Ampersand collections.
  • Rerendering immediately after any change in data, allowing for real time updates.
  • Internally powered by an Ampersand subcollection to allow for filtering.
  • Uses Ampersand state and view for easy bindings.
  • Completely stylable through CSS.


This will soon be published to npm as ampersand-chart.

To Do

  • Convert magic numbers to configurable settings.
  • Scrolling
  • X-axis scaling
  • Y-axis lines
  • Filtering
  • Mouseovers


Documentation coming soon.