# Line chart crosshair

> An interactive SVG line chart featuring precision crosshair inspection, dynamic metric readout, keyboard navigation, and an expandable data table. It is useful in SaaS analytics dashboards, financial monitoring portals, and revenue reporting interfaces where precise time-series exploration is essential.

- Author: [Waqar H. Syed](https://21st.dev/@ibrandify)
- Library: ibrandify UI
- License: mit
- Tags: Chart, Line Chart, Crosshair, Analytics, Data Visualization
- Live preview: https://21st.dev/@ibrandify/components/line-chart-crosshair

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ibrandify/line-chart-crosshair?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/chart.md