Unovis
npmfreeComposable chart UI and relationship views with framework wrappers and shared visual primitives.
pnpm add @unovis/react @unovis/tsUnovis
Composable chart UI and relationship views with framework wrappers and shared visual primitives.
Use it for
These commands choose the React wrapper plus the matching @unovis/ts core. Other wrappers exist; preserve the consuming framework. Size containers, map Unovis CSS variables to the brand and inspect per-component interaction/data contracts. Map/graph components have different costs and dependencies; no upstream MCP or agent skill is installed automatically.
Moods: technical, refined. Compare its chart form and treatment with the project’s existing components before adding another library.
Install selected packages
pnpm add @unovis/react @unovis/ts
Choose versions compatible with the current project; do not change its framework, theme or UI system automatically. The command installs the packages, not a finished component or screen. Read the linked API/example and adapt it to actual data and design tokens.
Starting options
- Line chart — Compose readable trend lines and axes.
- Area chart — Layer measured trend areas.
- Grouped bar chart — Compare categories with grouped series.
- Stacked bar chart — Show category contributions with stacked bars.
- Donut chart — A compact composable ring summary.
- Scatter plot — Explore paired numeric observations.
- Relationship graph — Explore connected entities rather than numerical axes.
Machine access and provenance
- Public documentation.
- Repository and license.
- Published package metadata.
- Refresh with
pnpm sync unovisorpnpm sync charts, thenpnpm catalog. Source inputs:catalog/chart-libraries.json. No vendor source is copied into this repo.
Gotchas
These commands choose the React wrapper plus the matching @unovis/ts core. Other wrappers exist; preserve the consuming framework. Size containers, map Unovis CSS variables to the brand and inspect per-component interaction/data contracts. Map/graph components have different costs and dependencies; no upstream MCP or agent skill is installed automatically.
Required package metadata, audited 2026-10-19:
| Package | Version | Published peers |
|---|---|---|
@unovis/react | 1.7.1 | react: >=16.8.0 || ^17 || ^18 || ^19; react-dom: >=16.8.0 || ^17 || ^18 || ^19; @unovis/ts: 1.7.1 |
@unovis/ts | 1.7.1 | None declared; runtime compatibility still needs checking. |
These are published peer ranges, not proof that a given combination builds in a consumer. Preserve units, missing-data behavior, readable labels and a keyboard/nonvisual alternative. Cancel simulations, animation loops, observers and subscriptions on unmount. Renderer tags describe library capabilities; individual examples can use a subset or require additional adapters.
Verification and previews
Package names, free license metadata and public reference URLs were checked on 2026-10-19. This is not fresh-project runtime, browser, accessibility or performance verification of the upstream libraries. Local preview adapters are not added by this ingestion. External examples remain on their source sites; docs are not automatically embedded and no package is installed into the catalog app or consumer setup.