{%- let visitors = vec![("Jan".to_owned(), 186.0), ("Feb".to_owned(), 305.0), ("Mar".to_owned(), 237.0), ("Apr".to_owned(), 73.0), ("May".to_owned(), 209.0), ("Jun".to_owned(), 214.0)] %}
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px">
<.card title="Visitors" description="Jan–Jun 2026">
<.chart label="Visitors per month, January to June 2026" series={visitors.clone()} name="Visitors" unit="visitors" />
</.card>
<.card title="Visitors" description="Line">
<.chart label="Visitors per month, January to June 2026" series={visitors.clone()} kind="line" name="Visitors" />
</.card>
<.card title="Visitors" description="Area">
<.chart label="Visitors per month, January to June 2026" series={visitors.clone()} kind="area" name="Visitors" />
</.card>
</div>