Toggle navigationGoJSInteractive Di

Toggle navigation
GoJS
Interactive Diagrams for JavaScript and HTML
See samples »

Flowchart State Chart Sankey Diagram Mind Map
Org Chart Dynamic Ports Demo Data Visualization Regrouping Demo
GoJS is a feature-rich JavaScript library for implementing interactive diagrams across modern web browsers and platforms. GoJS makes constructing diagrams of complex nodes, links, and groups easy with customizable templates and layouts.

GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations.

GoJS is pure JavaScript, so users get interactivity without requiring round-trips to servers and without plugins. GoJS normally runs completely in the browser, rendering to an HTML5 Canvas element or SVG without any server-side requirements. GoJS does not depend on any JavaScript libraries or frameworks, so it should work with any HTML or JavaScript framework or with no framework at all.

Explore
Run over 135 sample apps that illustrate how to build interactive diagrams, including flowcharts, org charts, mind maps, and dozens more.

View Samples

Learn
Get started with a step-by-step description of how to build an app using a GoJS diagram and some model data.

結果 (日本語) 1:

トグル ナビゲーションGoJSJavaScript と HTML のインタラクティブ図参照してくださいサンプル»フローチャート状態グラフ サンキー ダイアグラム マインド マップ組織図動的ポート デモ デモを再編成データの可視化GoJS は、最新の web ブラウザーやプラットフォーム間での対話の図を実装するための機能豊富な JavaScript ライブラリです。GoJS は、複合ノード、リンク、およびグループの構成図をカスタマイズ可能なテンプレートとレイアウトを容易になります。GoJS では、ドラッグ アンド ドロップ、コピーと貼り付け、インプレース テキストの編集、テンプレート、データ バインディングとモデル、トランザクション状態および元に戻す管理、パレットの概要、イベント ハンドラー、コマンド、およびカスタム操作のための拡張ツール システムなどユーザーとの対話のための多くの高度な機能を提供しています。GoJS は、ユーザー対話機能を得るは、プラグインやサーバーへのラウンドト リップを必要とせず、純粋な JavaScript です。GoJS は通常ブラウザーで完全に実行、サーバー側要件のない HTML5 のキャンバス要素または SVG をレンダリングします。任意の HTML や JavaScript のフレームワークで、フレームワークを持たないすべての動作するはずので GoJS は任意の JavaScript ライブラリやフレームワークに依存しません。探索フローチャート、組織図、マインド マップ、数十の詳細を含む対話型の図を作成する方法を示す 135 のサンプル アプリケーションを実行します。サンプルを表示学ぶGoJS ダイアグラムといくつかのモデルのデータを使用してアプリを構築する方法のステップバイ ステップの説明を始めます。

結果 (日本語) 2:

トグルナビゲーション
GoJS
JavaScriptとHTMLのためのインタラクティブダイアグラム
»を参照してくださいサンプルフローステートチャートサンキー図マインドマップ組織図動的ポートデモデータの可視化グループ替えデモGoJSは、最新のWebブラウザやプラットフォーム間でインタラクティブな図を実装するための機能豊富なJavaScriptライブラリです。GoJSは複雑なノード、リンク、およびカスタマイズ可能なテンプレートやレイアウトで簡単にグループの図を構築することができます。GoJS は、ドラッグアンドドロップ、コピー＆ペースト、インプレーステキスト編集、 ​​テンプレート、データなどのユーザ対話のための多くの高度な機能を提供しています結合やモデル、トランザクションの状態と管理、パレット、概要、イベントハンドラ、コマンド、およびカスタム操作用の拡張可能なツールシステムを元に戻す。GoJS は、純粋なJavaScriptのですが、ユーザーにサーバーへのラウンドトリップを必要とせずやプラグインなしでインタラクティビティを得るようにします。GoJSは、通常、任意のサーバー側の要件なしで、HTML5のCanvas要素やSVGへのレンダリング、ブラウザで完全に実行されます。GoJSは任意のJavaScriptライブラリやフレームワークに依存しないので、任意のHTMLやJavaScriptフレームワークで、または全くのフレームワークで動作するはずです。探検インタラクティブ図、を含むフローチャート、組織図、マインドマップを作成する方法を説明する135以上のサンプルアプリケーションの実行を、および数十以上。表示サンプルは学ぶGoJS図と一部のモデルデータを使用してアプリケーションを構築する方法のステップバイステップの説明を始めましょう。

結果 (日本語) 3:

1回のトグル・ナビゲーションgojsインタラクティブ図のためのjavascriptとhtmlのサンプルを見る»です状態チャート図のフローチャート--マインドマップの回動的ポートデモ. orgチャートデータ可視化のための再編成gojsデモ回は、特徴の豊富なライブラリの実装のためのインタラクティブ図の中の最新のウェブ・ブラウザとプラットフォーム。gojs作る複合体節の図表の作成のリンクとグループのカスタマイズ可能なテンプレートとレイアウトで簡単にします。gojsを提供する多くの高度な機能のためのユーザーとの対話などのドラッグ・アンド・ドロップ、コピーして、ペーストして、編集、場所のテキストにおけるテンプレート、データ結合とモデル、トランザクションの状態に戻すと管理、パレット、概要、イベントハンドラは、コマンド、および拡張可能なツールシステムのカスタムメイドの活動のために。gojs純粋なjavascriptであり、ユーザーが対話なしのプラグインを得て往復するとサーバーを必要としない。gojs通常は完全に任意のブラウザ、サーバー側の要求のないhtml 5キャンバス要素またはsvgをレンダリングします。gojs javascriptライブラリやフレームワークに依存しないので、すべてのフレームワークなしで任意のhtml javascriptフレームワークまたはしています。探検です上の実行135サンプルアプリを構築する方法を含むインタラクティブ図、フローチャート、orgチャート、マインドマップ、および数十以上のサンプルを見ます。2回で学び始めの段階的な方法の説明図をgojsといくつかのモデルデータを用いたアプリを構築します。