Scatter Chart

A basic scatterplot using hardcoded array of dictionaries. This chart includes a download.

Download this chart.

Grouped Bar

A basic grouped bar chart using hardcoded data. Containing three datasets.

Dynamic Bar chart

Values can be added or removed using the inputs below.

Filtered Chart

This chart can be filtered with checkboxes. Check filter values will console.log() the filter values.

Dataset

[{'sale':12.32, 'category':'PANTS', 'region':'west'},
{'sale':43.32, 'category':'PANTS', 'region':'west'},
{'sale':11.32, 'category':'SHIRTS', 'region':'south-east'},
{'sale':5.32, 'category':'SHIRTS', 'region':'south-east'},
{'sale':7.32, 'category':'SHIRTS', 'region':'west'},
{'sale':34.32, 'category':'BELTS', 'region':'east'},
{'sale':65.32, 'category':'SHIRTS', 'region':'west'},
{'sale':23.32, 'category':'SHOES', 'region':'west'},
{'sale':23.32, 'category':'SHOES', 'region':'east'},
{'sale':43.32, 'category':'SHOES', 'region':'north'},
{'sale':43.32, 'category':'SHIRTS', 'region':'north'},
{'sale':23.32, 'category':'SHIRTS', 'region':'west'}]

Filters

• PANTS
• SHIRTS
• BELTS
• SHOES

Filter Reset Filters Check filter values

Coindesk

This chart calls from coindesk API. The filter will update the url and update the chart data according to the date ranges.