unovis は無料で使えますか？ライセンスは？

unovis は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

unovis は今もメンテナンスされていますか？

活発にメンテナンス中。unovis の最終コミットは 2026年10月22日です。

unovis は何に使えますか？

ReactやVueのダッシュボードに、インタラクティブな折れ線・棒・面グラフを追加するグラフコンポーネントでネットワーク上の関係を可視化するレポートやメール用のチャート画像をサーバー上で生成する UIフレームワークを使わず、vanilla TypeScriptのプロジェクトでチャートを利用する

unovis のインストール方法は？

NPMからコアパッケージと使用するフレームワークのパッケージをインストールします: npm install -P @unovis/ts @unovis/ コンポーネントをインポートして、Reactでシンプルな折れ線グラフを作成するなど、最初のチャートを描画します

unovis はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/f5/unovis

f5/unovis

Q: unovis は今もメンテナンスされていますか？

活発にメンテナンス中。unovis の最終コミットは 2026年10月22日 です。

React、Angular、Svelte、Vue、Solid、vanilla JavaScriptに対応した、チャート、マップ、ネットワークグラフを提供するモジュール型のTypeScriptデータ可視化フレームワーク。

GitHub で見る公式サイト

スター: 2,857
フォーク: 75
未解決の Issue: 112
最終コミット: 15 時間前

これは何？

Unovisは、共通のTypeScriptコアを通じてチャート、マップ、ネットワークグラフを提供するデータ可視化フレームワークです。フレームワークごとのパッケージからReact、Angular、Svelte、Vue、Solid向けの同じコンポーネントを利用でき、コアパッケージはvanilla TypeScriptやJavaScriptから直接使えます。

ライブラリはtree-shakableで、コンポーネントを個別にインポートできます。必要なチャートの種類が少ない場合も、バンドルサイズを抑えられます。CSS変数を使ってスタイルをカスタマイズできます。

リポジトリには、NodeでチャートをSVGまたはPNGにレンダリングするSSRパッケージと、チャートをSVGとして生成するMCPサーバーパッケージも含まれています。

主な機能

01チャート、マップ、ネットワークグラフを1つのフレームワークで提供
02React、Angular、Svelte、Vue、Solid向けの公式パッケージ
03tree-shakableでコンポーネントごとにインポート可能
04CSS変数でスタイルをカスタマイズ可能
05NodeでチャートをSVG/PNGにサーバーサイドレンダリング

ユースケース

ReactやVueのダッシュボードに、インタラクティブな折れ線・棒・面グラフを追加する
グラフコンポーネントでネットワーク上の関係を可視化する
レポートやメール用のチャート画像をサーバー上で生成する
UIフレームワークを使わず、vanilla TypeScriptのプロジェクトでチャートを利用する

クイックスタート

1
NPMからコアパッケージと使用するフレームワークのパッケージをインストールします
npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid>
2
コンポーネントをインポートして、Reactでシンプルな折れ線グラフを作成するなど、最初のチャートを描画します

収録されている特集

データサイエンスの教材とツール

トピック

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

よくある質問

unovis とは？: React、Angular、Svelte、Vue、Solid、vanilla JavaScriptに対応した、チャート、マップ、ネットワークグラフを提供するモジュール型のTypeScriptデータ可視化フレームワーク。 Unovisは、共通のTypeScriptコアを通じてチャート、マップ、ネットワークグラフを提供するデータ可視化フレームワークです。フレームワークごとのパッケージからReact、Angular、Svelte、Vue、Solid向けの同じコンポーネントを利用でき、コアパッケージはvanilla TypeScriptやJavaScriptから直接使えます。
unovis は無料で使えますか？ライセンスは？: unovis は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
unovis は今もメンテナンスされていますか？: 活発にメンテナンス中。unovis の最終コミットは 2026年10月22日です。
unovis は何に使えますか？: ReactやVueのダッシュボードに、インタラクティブな折れ線・棒・面グラフを追加するグラフコンポーネントでネットワーク上の関係を可視化するレポートやメール用のチャート画像をサーバー上で生成する UIフレームワークを使わず、vanilla TypeScriptのプロジェクトでチャートを利用する
unovis のインストール方法は？: NPMからコアパッケージと使用するフレームワークのパッケージをインストールします: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> コンポーネントをインポートして、Reactでシンプルな折れ線グラフを作成するなど、最初のチャートを描画します
unovis はどこで入手できますか？: ソースコードとインストール手順は GitHub にあります：https://github.com/f5/unovis

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。