Repolode
Enviar
f5

f5/unovis

Framework modular de visualización de datos en TypeScript con gráficos, mapas y grafos de redes para React, Angular, Svelte, Vue, Solid y JavaScript vanilla.

Ver en GitHubSitio web
Estrellas
2,857
Forks
75
Issues abiertos
112
Último commit
hace 14 horas

¿Qué es?

Unovis es un framework de visualización de datos que ofrece gráficos, mapas y grafos de redes mediante un núcleo compartido en TypeScript. Los paquetes específicos para cada framework exponen los mismos componentes para React, Angular, Svelte, Vue y Solid, y el paquete principal se puede usar directamente con TypeScript o JavaScript vanilla.

La biblioteca admite tree-shaking y permite importar componentes individuales, lo que reduce el tamaño del bundle cuando solo se necesitan unos pocos tipos de gráficos. Los estilos se pueden personalizar mediante variables CSS.

El repositorio también incluye un paquete SSR que renderiza gráficos en SVG o PNG en Node, y un paquete de servidor MCP que genera gráficos como SVG.

Funciones clave

  • 01Gráficos, mapas y grafos de redes en un mismo framework
  • 02Paquetes oficiales para React, Angular, Svelte, Vue y Solid
  • 03Compatible con tree-shaking e importaciones por componente
  • 04Estilos personalizables mediante variables CSS
  • 05Renderizado de gráficos en el servidor como SVG/PNG en Node

Casos de uso

  • Añadir gráficos de líneas, barras o áreas interactivos a un dashboard de React o Vue
  • Visualizar relaciones de red con componentes de grafos
  • Generar imágenes de gráficos en el servidor para informes o correos electrónicos
  • Usar gráficos en un proyecto de TypeScript vanilla sin un framework de interfaz de usuario

Inicio rápido

  1. 1

    Instala desde NPM el paquete principal y el paquete de tu framework

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

    Importa los componentes y renderiza tu primer gráfico, como un gráfico de líneas sencillo con React

En colecciones

Cursos y herramientas de ciencia de datos

Temas

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

Preguntas frecuentes

¿Qué es unovis?
Framework modular de visualización de datos en TypeScript con gráficos, mapas y grafos de redes para React, Angular, Svelte, Vue, Solid y JavaScript vanilla. Unovis es un framework de visualización de datos que ofrece gráficos, mapas y grafos de redes mediante un núcleo compartido en TypeScript. Los paquetes específicos para cada framework exponen los mismos componentes para React, Angular, Svelte, Vue y Solid, y el paquete principal se puede usar directamente con TypeScript o JavaScript vanilla.
¿unovis es gratuito? ¿Qué licencia tiene?
unovis es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿unovis sigue mantenido?
Mantenimiento activo. El último commit de unovis fue el 22 oct 2026.
¿Para qué puedo usar unovis?
Añadir gráficos de líneas, barras o áreas interactivos a un dashboard de React o Vue Visualizar relaciones de red con componentes de grafos Generar imágenes de gráficos en el servidor para informes o correos electrónicos Usar gráficos en un proyecto de TypeScript vanilla sin un framework de interfaz de usuario
¿Cómo se instala unovis?
Instala desde NPM el paquete principal y el paquete de tu framework: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> Importa los componentes y renderiza tu primer gráfico, como un gráfico de líneas sencillo con React
¿Dónde consigo unovis?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/f5/unovis

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados