design-infraReport a problem or share feedback← Catalog
Mantine Charts · Area chart
curatedfreemantine-charts/area
Filled trend charts within a Mantine dashboard.
$
pnpm add @mantine/charts @mantine/core @mantine/hooks rechartsnpm deps: @mantine/charts, @mantine/core, @mantine/hooks, recharts
Our notes
Integration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Best for projects already using Mantine. Latest chart, core and hooks versions must match; inspect published React/Recharts peers before choosing a version. Import core styles before charts/styles.css and provide MantineProvider. Adding Mantine to a different UI stack is a separate framework decision, not an automatic chart install. Upstream: https://github.com/mantinedev/mantine. License: MIT. Package metadata: @mantine/charts@9.7.3; peers: react ^19.2.0; recharts >=3.2.1; react-dom ^19.2.0; @mantine/core 9.7.3; @mantine/hooks 9.7.3. Runtime integration is not verified by this metadata sync.- Source
- Mantine Charts
- Kind
- component
- Categories
- chart
- Use as
- recipe — technique you apply to your own markup
- Applies to
- chart
- Motion
- not tagged (static or unknown)
- Tags
- data-visualization, visualization-reference, svg, integration-recipe, area
- Licence
- MIT; preserve the upstream license and notices. See source-specific terms below.
- Live demo
- mantine.dev
- Docs
- mantine.dev
Similar
Compare all 4 →- Mantine Charts · Bar chartmantine-charts/barIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Best for projects already using Mantine. Latest chart, core and hooks versions must match; inspect published React/Recharts peers before choosing a version. Import core styles before charts/styles.css and provide MantineProvider. Adding Mantine to a different UI stack is a separate framework decision, not an automatic chart install. Upstream: https://github.com/mantinedev/mantine. License: MIT. Package metadata: @mantine/charts@9.7.3; peers: react ^19.2.0; recharts >=3.2.1; react-dom ^19.2.0; @mantine/core 9.7.3; @mantine/hooks 9.7.3. Runtime integration is not verified by this metadata sync.
- AG Charts Community · Bar chartag-charts/barIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Only ag-charts-community is indexed. Register the current Community modules as documented; Enterprise modules, gated chart types and paid interactions are excluded. React/Angular/Vue wrappers are optional separate integrations. Confirm version-matched modules and size the chart container; destroy chart instances on unmount. Upstream: https://github.com/ag-grid/ag-charts. License: MIT. Package metadata: ag-charts-community@14.2.0. Runtime integration is not verified by this metadata sync.
- AG Charts Community · Line chartag-charts/lineIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Only ag-charts-community is indexed. Register the current Community modules as documented; Enterprise modules, gated chart types and paid interactions are excluded. React/Angular/Vue wrappers are optional separate integrations. Confirm version-matched modules and size the chart container; destroy chart instances on unmount. Upstream: https://github.com/ag-grid/ag-charts. License: MIT. Package metadata: ag-charts-community@14.2.0. Runtime integration is not verified by this metadata sync.