> ## Documentation Index
> Fetch the complete documentation index at: https://vlyai-1c28d863.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Dashboard with charts

> Metrics, filters, time ranges, real-time updates. ~30 minutes.

A dashboard with metric cards, line charts, bar charts, and filters that persist in URL state.

**Time:** \~30 min. **Difficulty:** Beginner. **Charts:** Recharts (vly's default).

<Note>
  Full walkthrough being written. See the [dashboard prompting guide](/prompting/by-app-type/dashboard) for the foundation prompt.
</Note>

## Quick start

```text theme={null}
A simple dashboard for tracking events. Top filter bar with time range
(7d / 30d / 90d). Four metric cards (total / unique users / week-over-week / DAU).
Line chart of daily event count. Bar chart broken down by event type.
Filter state persisted in URL.
```

## Related

<CardGroup cols={3}>
  <Card title="Dashboard prompting" icon="layout-dashboard" href="/prompting/by-app-type/dashboard">
    Foundation prompts.
  </Card>

  <Card title="Caching" icon="archive" href="/architecture/caching">
    Materialized aggregates.
  </Card>

  <Card title="Search patterns" icon="search" href="/architecture/search-patterns">
    Filter UI patterns.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.