吐血: 知っておくべき JavaScript 視覚化ライブラリ (コレクション)

この記事は、開発ツール (ライブラリ) の収集および共有記事です。開発効率を向上させ、プロジェクトをより鮮やかで魅力的なものにするために、次の JavaScript 視覚化ライブラリを共有したいと思います。みんな！

データ視覚化 データ視覚化ツールの推奨事項

企業レベルの視覚化ライブラリ/ツールを構築することは非常に可能ですR&D チーム内でゼロから作成する 低 (コストや能力など...) ですが、要約すると、今日は Web 方向の既存のツール (実装の概要、技術的な方向性を含む) を参考までにお勧めします。

以下のリンクはすべてソース コード リポジトリです。

「いいね！」と「収集」 データ視覚化のためのライブラリを見つける心配はもうありません。

• d3 - HTML および SVG 用の JavaScript 視覚化ライブラリ。 [関連する推奨事項: JavaScript 学習チュートリアル]

##metrics-graphics
• -は、D3 上に構築されたライブラリであり、時系列データの視覚化とレイアウト用に最適化されています。

##three.js

- JavaScript 3D ライブラリ。

##Chart.js - Canvas を使用したシンプルな HTML5 グラフ

##paper.js

- Vector Graphics – HTML5 Canvas を使用して JavaScript およびブラウザに移植された Scriptographer

fabric.js

- JavaScript Canvas ライブラリCnanvas (Canvas to SVG) パーサー。

##raphael

- JavaScript ベクター グラフィック ライブラリ。

• ##echarts
- JavaScript は豊富なチャートと視覚化ライブラリを提供します。

• sigma.js
-

グラフィック描画専用の JavaScript ライブラリ Version1:canvas svg Version2: Webgl Canvas

• ##visjs - 動的なブラウザベースのデータ視覚化のための複数のライブラリ。 (以下のスクリーンショットはネットワークです)

• two.js - レンダラーに依存しない Web 2 次元描画 API。

• dc.js - 多次元チャートは、d3

• # によってレンダリングされるクロス フィルターをネイティブに操作するために構築された JS です。 #flot - jQuery に基づく JavaScript チャート

• ##nvd3 - d3 用 再利用可能なチャートとグラフを作成するコンポーネント js.

##svg.js
• - SVG 軽量ライブラリの操作とアニメーション用。

dimple.js

- d3 でサポートされるシンプルなビジネス分析チャート。

#chartist-js

- シンプルなレスポンシブ チャート。

##epoch - ユニバーサル リアルタイム チャート ライブラリ。

##c3

- D3 に基づく再利用可能なグラフ作成ライブラリ。

BabylonJS

- HTML5 と WebGL を使用して 3D ゲームを構築するためのフレームワーク。

recharts

- React と D3 を使用して再定義された Recharts ライブラリ。

GraphicsJS - 直感的な API を備えた SVG/VML テクノロジーに基づく軽量の JavaScript グラフィック ライブラリ。

G2

- 従来の統計チャートを対象とした、グラフィカル文法理論に基づく視覚化の基礎となるエンジンのセットです。 ,視覚的なグラフ文法。

G2Plot

- 特定の拡張機能と組み合わせ機能を備えた、シンプルで使いやすい統計グラフ ライブラリ

• Cytoscape.js
- 完全に機能するグラフ理論ライブラリ。

##
• #cola.js - 制約ベースの最適化手法を使用して HTML5 ドキュメントと図を配置するためのライブラリ



• #jointjs - 静的グラフまたは完全にインタラクティブなグラフ作成ツールを作成するためのグラフ作成ライブラリ。 (無料版と有料版を含む)



##vizzu
• - アニメーションによるデータ視覚化とデータ ストーリーテリングのためのライブラリ。

---------------------------- ---スクリーンショットのないネットワークの問題------------------------------------------ ---

• mxGraph

  - インタラクティブなグラフおよびチャート アプリケーションを迅速に作成できるチャート ライブラリ。ベンダーがサポートする主要なブラウザでネイティブに実行できます。

• Frappe Charts

  - GitHub からインスピレーションを得た、依存関係のない Web 用のシンプルでモダンな SVG チャート。

• #Frappe Gantt

  - Web 用のシンプルでインタラクティブな最新のガント チャート ライブラリ。

##heatmap.js
• - HTML5 キャンバス ヒートマップ JavaScript ライブラリに基づいています。
  #jquery.sparkline
- 小さなミニ チャートをブラウザーで直接生成するための jQuery JavaScript ライブラリのプラグイン。

• ##d3-cloud
- JavaScript でワード クラウドを作成します。

• その他の有料製品

amchart: https://www. amcharts.com/
anychart：https://www.anychart.com/

plotly：https://plotly.com/

highchart、：https:/ /www.highcharts.com/

ライトニング チャート：https://www.arction.com/lightningchart-js/

【関連ビデオ チュートリアルの推奨事項:

webfrontend

]

以上が吐血: 知っておくべき JavaScript 視覚化ライブラリ (コレクション)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。