GoJS
JavaScript API による図の生成と操作
開発者が独自の JavaScript アプリケーション内でダイアグラム、チャート、グラフを作成および処理できるオープン ソース JavaScript ライブラリ。
ソフトウェア開発者が独自の JavaScript アプリケーション内でダイアグラム、チャート、グラフを生成および操作できるようにする非常に強力な JavaScript ライブラリ。このライブラリには、ツリー レイアウト、放射状および階層化された有向グラフ レイアウト、およびいくつかのカスタム レイアウトなどの組み込みレイアウトのサポートが含まれています。このライブラリは、Web ブラウザーまたは Node または Puppeteer のサーバー側で簡単に使用できます。
GoJS ライブラリは非常に柔軟で、開発者は、フローチャート、医療図、組織図、設計ツール、計画ツール、状態図、サンキー図、産業プロセス、視覚言語など、さまざまな種類の図を作成できます。 .
このライブラリは、ダイアグラムの要素のドラッグ アンド ドロップ、コンテンツのコピー アンド ペースト、ツールヒント、コンテキスト メニュー、テンプレートの使用、データ バインディングのサポート、イベント ハンドラー、自動レイアウト、カスタマイズ可能なアニメーションの適用など、非常に強力なインタラクティブ機能を提供します。 HTML Canvas 要素をレンダリングして、SVG やその他の画像形式にエクスポートすることもできます。
GoJS を始める
GoJS をインストールする推奨される方法は npm 経由です。npm パッケージ マネージャー経由で入手できます。次のコマンドを使用します。
npm 経由で GoJS をインストールする
$ npm install gojs --saveJavaScript API によるフローチャートの描画
オープン ソースの GoJS ライブラリは、いくつかのダイアグラム タイプを構築し、特定の機能とレイアウトを紹介するためのサポートを提供しています。数行の JavaScript コードでフローチャートを描画できます。ライブラリには、パレット、リンク可能なノード、ドラッグ/ドロップ動作、テキスト編集、およびフローチャート ダイアグラムを描画するためのノード テンプレート マップの使用のサポートが含まれています。また、既存のダイアグラムとダイアグラム ノード、および Textblock を簡単に変更することもできます。
JavaScript によるステート ダイアグラムの作成と編集
状態図は、システムの動作を記述するために使用されます。状態図は、有限数の状態または時間におけるシステムまたはシステムの一部の状態を表すために使用できます。 GoJS ライブラリは、状態図の作成と編集を簡単にサポートします。必要な数のノードを簡単に描画でき、あるノードから別のノードへのリンクを必要な数だけ描画できます。また、リンクの形状を変更したり、選択したときにリンクを削除したりできます。
JavaScriptで論理回路を生成
論理ゲートは、あらゆるデジタル システムの基本的なビルディング ブロックです。論理ゲートは、計算の理想的なモデル、またはブール関数を実装する物理的な電子デバイスです。このライブラリは非常に機能が豊富で、ゲートとワイヤを使用して回路を作成するためのいくつかの重要な機能を提供しています。非常にユーザーフレンドリーで、ユーザーが図を簡単に管理するのに役立ちます。新しいノードをドラッグ アンド ドロップしてダイアグラムを管理できるパレットが用意されています。ノードへのリンクの色を使用して、ノードを出るリンクの色を決定するタイプに従って、各ノードを簡単に更新できます。
ダイアグラム要素の描画と配置
オープン ソースの GoJS ライブラリを使用すると、ソフトウェア開発者は独自の JavaScript アプリケーション内でダイアグラム要素を簡単に描画して配置できます。このライブラリを使用すると、開発者は、わずか数行のコードで、ダイアグラムの選択されたパーツを相互に相対的に選択して配置できます。また、矢印キーを簡単に操作して「貼り付けオフセット」を使用することで、貼り付けオブジェクトが互いの上に配置されるのではなくカスケードされるようにします。
