unovis.dev

What It Is

Unovis is a modular, framework-agnostic frontend data visualization library for building charts, maps, and network graphs. It can be used with React, Angular, Svelte, Vue, and Solid, or in UI-framework-free environments via the core package @unovis/ts. Its positioning is closer to an engineering-oriented component library than to an online BI tool or hosted visualization platform.

Core Capabilities

Based on the collected information, Unovis emphasizes three points: Framework Independent, Smooth, and Built with TypeScript. It supports installing both the core package and framework adapters via NPM, such as @unovis/ts together with @unovis/react, @unovis/vue, and others. Its component system includes XY Container and Single Container: the former is used for XY components such as Line, GroupedBar, and Scatter, and can work with Axis, Tooltip, and Crosshair; the latter is used for single-component scenarios such as Graph, Sankey, and TopoJSONMap. Some components, including LeafletMap, LeafletFlowMap, and legends, can be used independently. On the styling side, it supports customization through CSS variables; at the code level, it supports importing individual component modules to reduce application bundle size.

Documentation and Ecosystem

The documentation entry points are fairly complete, covering Introduction, Quick Start, Component Reference, Containers, XY Components, Networks and Flows, Maps, Guides, JavaScript Usage, Theming, and Tips and Tricks, with Gallery examples also provided. The captured content shows implementations of the same area chart in React, Angular, Svelte, Vue, Solid, and TypeScript, which is friendly for teams working across multiple frameworks. However, the page also notes that Angular version support changed in Unovis 1.7, so Angular projects should additionally verify compatibility.

Pricing and Commercial Information

The collected content does not mention pricing, paid plans, an enterprise edition, SLA, commercial support, or payment methods, nor does it clearly state the license or open-source status. Therefore, it can only be confirmed that Unovis is integrated into applications as an NPM package; it is not possible to determine whether paid services or official commercial support are available.

Pros, Cons, and Best Fit

Its strengths include broad framework coverage, strong TypeScript support, modular components, and relatively complete documentation and examples. It is suitable for frontend teams that need to embed charts, maps, Sankey diagrams, and network graphs into web products. Its limitations are the lack of commercial support information, the absence of license details in the captured text, and the fact that the learning curve for complex visualizations still depends on the depth of the component APIs. The collected content does not describe accessibility from China, so domestic teams are advised to verify NPM package download reliability, documentation site access, and build dependency stability. Alternatives to consider include ECharts, D3.js, Chart.js, and Recharts.