Visualization toolkit for Dart

Build Status

Charted provides

  • A selection API similar to D3.js
  • Visualization utilities ported from D3.js
  • An easy-to-use API to create charts including an SVG implementation based on the Selection API.
  • An interactive demo

Screenshot of Charted interactive demo

Screenshot of Charted interactive demo

Get started with the interactive demo

Get started with Charted by trying out the interactive demo provided with the package. Follow these instructions and get it running locally on your machine (Git and the Dart SDK has to be installed first):

git clone [email protected]:google/charted.git
cd charted
pub serve examples

Libraries

charted

A library to create visualizations - implementation/port of D3.js in Dart.

charted.charts

charted.core.interpolators

A collection of interpolator generators and easing functions.

charted.core.scales

Collection of scales for use by charts. The role of scales is to map the input domain to an output range.

charted.core.text_metrics

Provides a way to measure rendered text width for clipping text on tooltips and ticks when they are too long.

charted.core.text_metrics.segmentation

charted.core.text_metrics.segmentation_data

Code ranges by their types for use with grapheme segmentation of text in charts.

charted.core.text_metrics.segmentation_utils

charted.core.time_intervals

charted.core.timer

A window.requestAnimationFrame based timer for use with transitions. Uses dart.async.Timer when the time until next timeout is too long.

charted.core.utils

A collection of utilities for use by rest of the library and it's users

charted.layout

charted.locale

charted.locale.format

charted.selection

charted.selection.transition

charted.svg.axis

charted.svg.shapes