dmn-elex-scatterplot

Chart module for censusScatterplot.


$3

``bash
$ npm install --save dmn-elex-scatterplot
`

##### Requirements

This module uses ES6 syntax. To use as a pre-compiled module, you'll need a compiler like babel.

$3

In the client, include the global-chart.js bundle, which defines a global chart object, censusScatterplot:

`html

`

To use as a module, simply import the chart object:
`javascript
import censusScatterplot from 'dmn-elex-scatterplot';
`

The chart object has two methods, one to create the chart, initially, and another to update it.

`javascript
var myChart = new censusScatterplot();

// create needs a selection string and prefectched data
myChart.create('#chart', data, censusData, countiesData, table, tableTitle, tableVariable[optional]);

// update needs only new data
myChart.update(newData);

// update needs only new data
myChart.resize('#chart1');
`

To apply this chart's default styles when using SCSS, simply define the variable $censusScatterplot-container to represent the ID or class of the chart's container(s) and import the _chart-styles.scss partial.

`CSS
$censusScatterplot-container: '#chart';

@import 'path/to/dmn-elex-scatterplot/src/scss/_chart-styles';
`




$3

Write your chart code in chart.js and add custom styles to _chart-styles.scss.

Then, just run gulp:
`bash
$ gulp
`

Or to minimize javascript before publishing:
`bash
$ gulp --production
``