Overview

Unovis is a modular data visualization framework that can be used with multiple JavaScript frameworks like React, Angular, Svelte, Vue, and also with vanilla TypeScript or JavaScript. It offers a range of features including charts, maps, network graphs, and more. Unovis is highly customizable, thanks to its support for CSS-variables, and it is designed to reduce bundle size by allowing individual component imports.

Features

• Modular: Unovis is a modular data visualization framework that can be used with various JavaScript frameworks.
• Charts, Maps, and Network Graphs: Unovis offers a wide range of data visualization components including charts, maps, and network graphs.
• Tree-shakable: Unovis supports individual component imports, allowing you to reduce the bundle size by only importing the components you need.
• Highly Customizable: Thanks to the support for CSS-variables, Unovis is highly customizable, allowing you to customize the appearance of the components to match your design requirements.

Installation

To install Unovis, you can follow these steps:

1. Install the core package:

npm install @unovis/ts

2. Install the framework-specific packages (if you are using React, Angular, or Svelte):

npm install @unovis/react
npm install @unovis/angular
npm install @unovis/svelte

3. Import the components and start using Unovis in your project.

For a detailed installation guide and examples for different frameworks, you can refer to the Quick Start page on unovis.dev.

Summary

Unovis is a versatile modular data visualization framework that supports multiple JavaScript frameworks. It offers a wide range of components including charts, maps, and network graphs. With its tree-shakable architecture and support for CSS-variables, Unovis provides flexibility in reducing bundle size and customizing the appearance of the components. With detailed documentation and a growing gallery of examples, Unovis is a powerful tool for data visualization in web applications.