Repolode
Submit
f5

f5/unovis

A modular TypeScript data visualization framework offering charts, maps and network graphs for React, Angular, Svelte, Vue, Solid and vanilla JavaScript.

View on GitHubWebsite
Stars
2,857
Forks
75
Open issues
112
Last commit
15 hours ago

What is it?

Unovis is a data visualization framework that provides charts, maps and network graphs through a shared TypeScript core. Framework-specific packages expose the same components for React, Angular, Svelte, Vue and Solid, and the core package can be used directly with vanilla TypeScript or JavaScript.

The library is tree-shakable and allows importing individual components, which keeps bundle size down when only a few chart types are needed. Styling can be customized through CSS variables.

The repository also includes an SSR package that renders charts to SVG or PNG in Node, and an MCP server package that generates charts as SVG.

Key features

  • 01Charts, maps and network graphs in one framework
  • 02Official packages for React, Angular, Svelte, Vue and Solid
  • 03Tree-shakable with per-component imports
  • 04Styling customizable via CSS variables
  • 05Server-side rendering of charts to SVG/PNG in Node

Use cases

  • Adding interactive line, bar or area charts to a React or Vue dashboard
  • Visualizing network relationships with graph components
  • Generating chart images on the server for reports or emails
  • Using charts in a vanilla TypeScript project without a UI framework

Quick start

  1. 1

    Install the core package and your framework package from NPM

    npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid>
  2. 2

    Import components and render your first chart, such as a simple line chart with React

In collections

Data science courses & tools

Topics

#data-visualization#charts#typescript#react#vue#angular#svelte#graphs#maps#solid

FAQ

What is unovis?
A modular TypeScript data visualization framework offering charts, maps and network graphs for React, Angular, Svelte, Vue, Solid and vanilla JavaScript. Unovis is a data visualization framework that provides charts, maps and network graphs through a shared TypeScript core. Framework-specific packages expose the same components for React, Angular, Svelte, Vue and Solid, and the core package can be used directly with vanilla TypeScript or JavaScript.
Is unovis free to use? What license does it have?
unovis is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.
Is unovis still maintained?
Actively maintained. The last commit to unovis was on Oct 22, 2026.
What can I use unovis for?
Adding interactive line, bar or area charts to a React or Vue dashboard Visualizing network relationships with graph components Generating chart images on the server for reports or emails Using charts in a vanilla TypeScript project without a UI framework
How do I install unovis?
Install the core package and your framework package from NPM: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> Import components and render your first chart, such as a simple line chart with React
Where can I get unovis?
The source code and installation instructions are on GitHub: https://github.com/f5/unovis

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects