株式会社エクスブリッジ

AIでできること / データの可視化

react-visual-designとは?
データの可視化に使えるオープンソース

react-visual-designは、データの可視化に使えるオープンソースです。数字が表のままで判断に使えない——その課題に対して、react-visual-designを土台にした仕組みを作ります。ソフト自体は無料で、ゼロから作るより早く、月額のユーザー課金もありません。

react-visual-designとは?

react-visual-designとは、Reactを用いた低コード・ノーコードの可視化設計プラットフォームです。データの可視化の用途に使えるオープンソースで、ソースコードが公開されているため自社のサーバーに置いて動かせます。ソフト自体の費用はかかりません。

GitHubでの公開は2020年7月、主な開発言語はJavaScript、GitHubスターは102、最終更新は2025年11月です(当社がGitHubの公開情報から確認した値、2026年10月08日時点)。

react-visual-designには日本語のファイルがありません。日本語化から始める必要があります。

データの可視化とは?

データの可視化とは、数字が表のままで判断に使えないという状態を、仕組みで解消することです。react-visual-designは、この用途に使えるオープンソースのひとつです。

  • 低コードプラットフォームの開発
  • モバイル向けUIの可視化設計
  • コンポーネントの再利用性を高めるシステム構築
  • Reactを用いたカスタム管理画面の迅速な作成
  • ノーコードデザインツールの基盤開発

react-visual-designを使うと何が変わるのか

このソフトウェアは、Reactベースの可視化構築およびモバイル向けのデザイン編集を可能にする低コード設計プラットフォームです。コンポーネントの再利用性を高める仕組みを備えており、効率的なUI開発を支援します。dumiやformilyといった技術スタックに関連しており、開発者が迅速にインターフェースを構築するための基盤として機能します。JavaScriptで記述されており、ノーコードに近い操作感で視覚的な設計を行うことができます。

すでに世界で使われている完成品を土台にするので、同じものをゼロから作るより短い期間で済みます。当社は、この土台に対して日本語化、画面や項目の変更、権限、帳票、既存システムとの連携を加えて、御社の業務に合う状態にします。

react-visual-designの日本語対応(実測)

react-visual-designには日本語のファイルがありません。日本語化から始める必要があります。

ライセンスMIT
主な言語JavaScript
GitHubスター102
日本語ロケール日本語ファイルなし(0ファイル)
公開開始2020年7月
最終更新2025年11月

GitHubの公開ファイル一覧から日本語ロケールの実ファイルを数えた結果です。配布用のビルド成果物は除いています。技術的な詳細はreact-visual-designのOSS情報にまとめています。

進め方は?

進め方とは、現場を見て対象を決め、動くものを見ていただきながら作り、御社の環境へ導入するまでの流れのことです。書類で仕様を固めてから作る進め方はしません。

1日目(無料)

現場に伺い、いまのやり方を見せていただきます。データの可視化のどこから手を付けるかを決めます。

2〜4日目

react-visual-designを土台に、御社のPCで目の前で開発します。動くものを見ながらその場で直します。

5日目

御社の環境へ導入し、ソースコードと開発ノウハウをお渡しします。以後は自社で改造できます。

その後

追加の作り込みが必要なら、範囲を決めてあらためてお見積もりします。延長を前提にした進め方はしません。

この方法が向かないのは?

向かないのは、基幹システムの全面刷新や、複数部門にまたがる大規模な仕組みのことです。15時間という枠では作り切れません。また、決まった手順を正確に繰り返すだけの処理は、AIを使わないほうが速く確実です。当社ではその部分は普通のプログラムとして作ります。

データの可視化を、まず15時間で試す

名古屋市内なら、1日3時間×5日間の計15時間・税別15万円で試せます。初日3時間のヒアリングと提案は無料です。御社のPCと御社名義のAIエージェントで目の前で開発するので、作り方ごと社内に残ります。成果物とソースコードはお客様のものです。

AI導入お試し実験を見る 動くデモを先に見る(110,000円〜) react-visual-designについて相談する

開発会社・IT販売の方へ

react-visual-designの日本語化・改修・導入(バイブOSS)を、御社のお客様に販売できます。導入作業は当社が行い、販売手数料は1件9万円(税別)です。ソースコードは MIT ライセンスで、御社のブランドでの販売もできます。登録無料・ノルマなし。販売代理店の条件を見る

データの可視化に使える他のオープンソース

同じ用途に使える土台は他にもあります。ライセンス、日本語対応、規模を比べて選べます。

名前できること日本語デモ
TW5-TiddlyMapWiki内でマップ描画やトピックの可視化を行うツールです。日本語ファイルなし—
datagear自由なカスタマイズが可能なデータ可視化分析プラットフォームです。日本語ファイルなし—
Grafana多種多様なデータソースを統合して可視化するオープンソースの観測・データ可視化プラットフォームです。日本語ファイルあり—
kepler.glkepler.glの使いどころの案内。大量の緯度経度をブラウザ上の地図に重ねて、商圏やエリアの分布を見られます。日本語は一部のみ、ライセンスはMIT。導入手順と、自社データを載せる相談まで。日本語ファイルが一部のみ—
Polimoney政治資金の動向を可視化するためのアプリケーションです。日本語で開発・提供。—

データの可視化に使えるOSSの一覧を見る

よくあるご質問

react-visual-designは無料で使えますか?

ソフト自体は無料です。react-visual-designはライセンスMITのオープンソースとして公開されていて、条件を守れば費用をかけずに自社のサーバーに置いて使えます。かかるのはサーバー代と、日本語化や自社向けの変更にかかる費用です。ユーザー数に応じた月額課金はありません。

react-visual-designは日本語で使えますか?

react-visual-designには日本語のファイルがありません。日本語化から始める必要があります。判定は、GitHubの公開ファイル一覧から日本語ロケールの実ファイルを数えた結果です(配布用のビルド成果物は除外)。日本語化が必要な場合は、当社がその作業を含めて導入します。

データの可視化はreact-visual-designで本当にできますか?

Reactを用いた低コード・ノーコードの可視化設計プラットフォームです。 この用途に使えるオープンソースとして公開されており、当社ではこれを土台に日本語化と自社向けの変更を行って導入します。

費用はどのくらいかかりますか?

名古屋市内であれば、1日3時間×5日間の計15時間・税別15万円のお試し導入があります。初日3時間のヒアリングと提案は無料で、進めるとお決めいただいた場合のみ費用が発生します。

作ったものは自社のものになりますか?

なります。ソースコード一式をお渡しします。以後は自社で改造しても、他社に依頼しても構いません。当社に縛られる契約にはしません。

社内にIT担当者がいなくても導入できますか?

できます。いまの紙やExcelのやり方をそのまま見せていただければ、こちらで形にします。専門用語で話を進めることはしません。

Kurage.AIKurage.AI に相談AIが何でも答えます