# Ridgeline

Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.

- ID: `ridgeline`
- Import: `animui/ridgeline`
- Category: Data
- Runtime exports: `Ridgeline`, `default`
- Declaration: `types/free/components/ridgeline.d.ts`
- Type provenance: emitted-original-typescript
- Related: streamgraph, line-chart, activity-heatmap

```tsx
import { Ridgeline } from 'animui/ridgeline';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info ridgeline` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Ridgeline, default } from '../registry/components/ridgeline/ridgeline.js';
export type { RidgelineProps, RidgelineSeries } from '../registry/components/ridgeline/ridgeline.js';
```