Skip to main content

Add a Chart

Charts work in the same way as the <Value/> component - you can add them anywhere in your markdown and reference SQL queries on the page.

Add a <LineChart/> component to your page to show the number of complaints by day.

Add to austin-311/index.md after the 'Daily Chart' subheading:
<LineChart
data={data.complaints_by_day}
x=date
y=complaints
/>

This will give you the line chart below, which displays over 2,700 data points:

line-chart

Visualization Components

Check out the Components section to see the full list of available components.