ampersand-chart

Ampersand module for drawing a charts.

Usage no npm install needed!

<script type="module">
  import ampersandChart from 'https://cdn.skypack.dev/ampersand-chart';
</script>

README

AmpersandChart

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

Features

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

Installation

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

Documentation coming soon.