Repolode
Enviar
f5

f5/unovis

Framework modular de visualização de dados em TypeScript, com gráficos, mapas e grafos de rede para React, Angular, Svelte, Vue, Solid e JavaScript puro.

Ver no GitHubSite
Estrelas
2,857
Forks
75
Issues abertas
112
Último commit
há 14 horas

O que é?

Unovis é um framework de visualização de dados que oferece gráficos, mapas e grafos de rede por meio de um núcleo compartilhado em TypeScript. Pacotes específicos para cada framework disponibilizam os mesmos componentes para React, Angular, Svelte, Vue e Solid; o pacote principal também pode ser usado diretamente com TypeScript ou JavaScript puro.

A biblioteca oferece tree shaking e permite importar componentes individualmente, reduzindo o tamanho do bundle quando são necessários apenas alguns tipos de gráfico. A aparência pode ser personalizada com variáveis CSS.

O repositório também inclui um pacote de SSR que renderiza gráficos em SVG ou PNG no Node, além de um pacote de servidor MCP que gera gráficos em SVG.

Recursos principais

  • 01Gráficos, mapas e grafos de rede em um único framework
  • 02Pacotes oficiais para React, Angular, Svelte, Vue e Solid
  • 03Compatível com tree shaking e importações por componente
  • 04Aparência personalizável com variáveis CSS
  • 05Renderização de gráficos no servidor em SVG/PNG no Node

Casos de uso

  • Adicionar gráficos interativos de linha, barra ou área a um dashboard em React ou Vue
  • Visualizar relações de rede com componentes de grafo
  • Gerar imagens de gráficos no servidor para relatórios ou e-mails
  • Usar gráficos em um projeto TypeScript puro, sem framework de UI

Início rápido

  1. 1

    Instale pelo NPM o pacote principal e o pacote do framework que você usa

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

    Importe os componentes e renderize seu primeiro gráfico, como um gráfico de linhas simples com React

Em coleções

Cursos e ferramentas de ciência de dados

Tópicos

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

Perguntas frequentes

O que é unovis?
Framework modular de visualização de dados em TypeScript, com gráficos, mapas e grafos de rede para React, Angular, Svelte, Vue, Solid e JavaScript puro. Unovis é um framework de visualização de dados que oferece gráficos, mapas e grafos de rede por meio de um núcleo compartilhado em TypeScript. Pacotes específicos para cada framework disponibilizam os mesmos componentes para React, Angular, Svelte, Vue e Solid; o pacote principal também pode ser usado diretamente com TypeScript ou JavaScript puro.
unovis é gratuito? Qual é a licença?
unovis é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
unovis ainda é mantido?
Manutenção ativa. O último commit de unovis foi em 22 de out. de 2026.
Para que posso usar unovis?
Adicionar gráficos interativos de linha, barra ou área a um dashboard em React ou Vue Visualizar relações de rede com componentes de grafo Gerar imagens de gráficos no servidor para relatórios ou e-mails Usar gráficos em um projeto TypeScript puro, sem framework de UI
Como instalar unovis?
Instale pelo NPM o pacote principal e o pacote do framework que você usa: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> Importe os componentes e renderize seu primeiro gráfico, como um gráfico de linhas simples com React
Onde consigo unovis?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/f5/unovis

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados