@density/chart-daily-metrics

0.6.0 • Public • Published

Daily Metrics

A bar chart for showing daily quantitative datapoints for arbitrary durations npm

TODO: ADD PICTURE OF CHART

Using this chart

This chart has a single default export. This exported function takes two arguments: a dom element, and an object full of properties. When called, this chart will render the chart inside the given DOM element. See the below example.

import dailyMetrics from '@density/chart-daily-metrics';
// or: const dailyMetrics = require('@density/chart-daily-metrics').default;

const element = document.getElementById('chart-container');
const props = {name: 'Bob'};

// Make your chart
const updateData = dailyMetrics(element);

// Give it new data
updateData(props);

Properties

TODO: ADD CHART PROPERTIES

In addition, if you'd like to render a chart in a context where the DOM is abstracted away from you, such as a React or Angular app, then check out our companion helper library.

How this chart is structured

.
├── index.js        # Contains main chart code. Other javascript files may be present.
├── package.json
├── story.js        # Contains a react-storyboard story. Use it to present different states of your chart in the parent project.
└── styles.scss     # Contains all chart styles.

Readme

Keywords

none

Package Sidebar

Install

npm i @density/chart-daily-metrics

Weekly Downloads

0

Version

0.6.0

License

MIT

Unpacked Size

24.9 kB

Total Files

10

Last publish

Collaborators

  • 1egoman
  • jshanley
  • density-ci
  • rjgrazioli
  • cat.density