さまざまな種類の図を作成および管理するための JavaScript API

基本的なダイアグラムとインタラクティブなダイアグラム、階層ダイアグラム、リンク処理を生成および管理するためのオープン ソース JavaScript ライブラリ。

JointJS は、ソフトウェア開発者がさまざまな種類のダイアグラムを作成および管理するためのアプリケーションを構築するのに役立つ強力な JavaScript ダイアグラム ライブラリです。このライブラリは、JavaScript コマンドを使用して、基本的なダイアグラムとインタラクティブなダイアグラムの作成と管理をサポートします。このライブラリはオープン ソースであり、Mozilla Public License 2.0 の下で利用できます。

ライブラリは非常に使いやすく、インタラクティブな要素やリンクの処理、四角形、円、楕円、テキスト、画像、パスなどの基本要素の操作、リンクを介した図要素の接続、階層図など、いくつかの重要な機能のサポートが含まれています。サポート、シリアライゼーションとデシリアライゼーションのサポート、ラベルと矢印付きのカスタマイズ可能なリンクの使用、インタラクティブな要素とリンクのサポート、MVC アーキテクチャなど。

JointJS ライブラリを使用して、Google Chrome、Firefox、Safari、Opera、IE 11、MSEdge などの一般的なブラウザーで実行できるアプリケーションを開発できます。このライブラリは、ERD、組織図、FSA、UML、PN、DEVS などのよく知られているダイアグラムのすぐに使用できるダイアグラム要素も完全にサポートしています。

Previous Next

JointJS の概要

JointJS ライブラリをインストールするための推奨される方法は、NPM を使用することです。スムーズなインストールのために次のコマンドを使用してください

NPM 経由で JointJS をインストールする

 npm install

JavaScript API による図の作成と管理

オープン ソースの JointJS ライブラリを使用すると、ソフトウェア開発者は独自の JavaScript アプリ内で複数の種類の図を簡単に作成できます。ライブラリには、カスタム ダイアグラムを簡単に描画するために使用できる組み込みの形状のサポートが含まれています。シーケンス図、ER 図、UML クラス図、UML ステートチャート図を描画できます。論理回路、組織図、有限状態マシン、パズル、チェスなども簡単に設計できます。

カスタム要素のサポート

オープン ソースの JointJS ライブラリには、JavaScript アプリ内で図を作成するために使用できる組み込み要素が含まれています。長方形、テキスト、円、楕円、画像、パスなど、いくつかのデフォルトの形状を使用できます。これらを使用して描画できます。新しい要素を最初から作成することもできます。

JavaScript によるチャートの作成と管理

JointJS ライブラリは、JavaScript コードを使用したチャートの生成と管理を完全にサポートしています。ライブラリには、折れ線グラフ、棒グラフ、面グラフ、コンボ グラフ、円グラフとドーナツ グラフ、ノブなど、いくつかの種類のグラフのサポートが含まれています。このライブラリは、サイズ変更、回転、他の要素への接続など、チャート操作に関連するいくつかの機能も提供します。

 日本