Repolode
Предложить
f5

f5/unovis

Модульный фреймворк визуализации данных на TypeScript: диаграммы, карты и сетевые графы для React, Angular, Svelte, Vue, Solid и vanilla JavaScript.

Открыть на GitHubСайт
Звёзды
2,857
Форки
75
Открытые issues
112
Последний коммит
11 часов назад

Что это?

Unovis — фреймворк визуализации данных с диаграммами, картами и сетевыми графами на общей основе TypeScript. Пакеты для отдельных фреймворков предоставляют одни и те же компоненты для React, Angular, Svelte, Vue и Solid, а базовый пакет можно использовать напрямую с vanilla TypeScript или JavaScript.

Библиотека поддерживает tree-shaking и позволяет импортировать отдельные компоненты, чтобы уменьшить размер бандла, если нужны лишь несколько типов диаграмм. Стили можно настраивать с помощью CSS-переменных.

В репозитории также есть пакет SSR для рендеринга диаграмм в SVG или PNG в Node и пакет MCP-сервера, который генерирует диаграммы в формате SVG.

Ключевые возможности

  • 01Диаграммы, карты и сетевые графы в одном фреймворке
  • 02Официальные пакеты для React, Angular, Svelte, Vue и Solid
  • 03Поддержка tree-shaking и импорта отдельных компонентов
  • 04Настройка стилей с помощью CSS-переменных
  • 05Рендеринг диаграмм на сервере в SVG/PNG в Node

Сценарии использования

  • Добавление интерактивных линейных, столбчатых диаграмм или диаграмм с областями в дашборд на React или Vue
  • Визуализация сетевых связей с помощью компонентов графов
  • Генерация изображений диаграмм на сервере для отчётов или писем
  • Использование диаграмм в проекте на vanilla TypeScript без UI-фреймворка

Быстрый старт

  1. 1

    Установите из NPM основной пакет и пакет для вашего фреймворка

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

    Импортируйте компоненты и отобразите свой первый график, например простой линейный график на React

Темы

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

Частые вопросы

Что такое unovis?
Модульный фреймворк визуализации данных на TypeScript: диаграммы, карты и сетевые графы для React, Angular, Svelte, Vue, Solid и vanilla JavaScript. Unovis — фреймворк визуализации данных с диаграммами, картами и сетевыми графами на общей основе TypeScript. Пакеты для отдельных фреймворков предоставляют одни и те же компоненты для React, Angular, Svelte, Vue и Solid, а базовый пакет можно использовать напрямую с vanilla TypeScript или JavaScript.
unovis можно использовать бесплатно? Какая у него лицензия?
unovis распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
unovis всё ещё поддерживается?
Активно поддерживается. Последний коммит в unovis — 22 окт. 2026 г..
Для чего можно использовать unovis?
Добавление интерактивных линейных, столбчатых диаграмм или диаграмм с областями в дашборд на React или Vue Визуализация сетевых связей с помощью компонентов графов Генерация изображений диаграмм на сервере для отчётов или писем Использование диаграмм в проекте на vanilla TypeScript без UI-фреймворка
Как установить unovis?
Установите из NPM основной пакет и пакет для вашего фреймворка: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> Импортируйте компоненты и отобразите свой первый график, например простой линейный график на React
Где скачать unovis?
Исходный код и инструкции по установке — на GitHub: https://github.com/f5/unovis

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

chartbrew / chartbrew

Веб-приложение с открытым исходным кодом для подключения к базам данных и API, создания интерактивных диаграмм и дашбордов, которыми можно делиться и которые можно встраивать.

Данные и аналитика#dashboard#data-visualization#charts
4,1 тыс.456JavaScriptOtherОбновлён позавчера