Quick start

npm ci
npm run dev

import { bar } from 'visdelta/bar'

export const chart = bar([
  { region: 'North', revenue: 18 },
  { region: 'South', revenue: 12 },
  { region: 'West', revenue: 9 },
]).x('region').y('revenue')

# Which region sells the most?

<Scrolly>
<Step chart={chart} title="Overview">

## Compare all three regions

Every bar shows one region's revenue.

</Step>
<Step chart={chart.highlight({ region: 'North' })} title="North">

## Look at North

The other regions remain visible for comparison.

</Step>
<Step chart={chart} title="Compare again">

## Return to the whole picture

</Step>
</Scrolly>