@politico/graphics-kit

@politico/graphics-kit

Install

$ yarn add @politico/graphics-kit

Use

import { ChartComponent, d3 } from '@politico/graphics-kit';

class MyChart extends ChartComponent {
  defaultProps = {
    stroke: '#ccc',
  }

  defaultData = [60, 40, 20]

  draw() {
    const data = this.data();
    const props = this.props();
    const node = this.selection().node();

    d3.select(node).appendSelect('svg');
    // ...
  }
}

Snippets

Includes Atom snippets to shortcut building your chart.

• Chart component demonstrates how to use the base chart component.
• Chart container imports your chart component into a React container component, with resize and higher-level state hooks.