あらゆるデータセットをグラフィカルまたはインタラクティブな方法で表現するために必須のツールの1つ。
この素晴らしい分類別ギャラリーには、無料のD3 JavaScriptフレームワークで何が作成できるかを示す、数多くのグラフ、チャート、図の例が掲載されています。
ヒント： 上部の小さな「D3」というタイトルをクリックすると、さらに多くの例（500以上、ただし分類されていないもの）が表示されます。
使用体験： 当ウェブサイトではD3ライブラリを使用しています。 広範囲にわたってこれは間違いなく、データを美しく明確な視覚化に変換するための最高のライブラリの1つです。ただし、注意すべき点が1つあります。このライブラリは、過去10年間で、より多くの可能性、機能、ブラウザ互換性、JavaScript互換性、パフォーマンスを実現するために拡張されてきましたが、初期から存在するグラフタイプ（例：ツリー）については、D3 v3で作成されたオンラインの例が多数ありますが、これらはv5、v7、特にv6で導入された破壊的変更と互換性がありません。したがって、開始点とオンラインの例を慎重に選択してください。
| D3データビジュアライゼーションギャラリー | タブロー | Power BI | ハイチャート |
|---|---|---|---|
| 製品の性質： このギャラリーはObservable上のD3アカウントによって公開されており、D3の使用例が紹介されている。D3のGitHubページによると、D3はデータ可視化のための無料のオープンソースJavaScriptライブラリである。 | 製品の性質： Tableauは、デスクトップ、クラウド、サーバーといった導入オプションを備えた商用製品ファミリーであり、コミュニティセクションには無料のTableau Publicも掲載されています。 | 製品の性質： Power BI Desktopは、インタラクティブなレポートを作成するためのMicrosoftアプリケーションです。ドラッグ＆ドロップ操作が可能なキャンバスに、Power Queryによるデータ準備機能とデータモデリングツールが備わっていると説明されています。 | 製品の性質： Highcharts CoreはJavaScriptで動作するグラフ作成ライブラリです。D3と同様にコードから使用できますが、npm install highchartsでインストールできるパッケージ化されたグラフライブラリです。 |
| レンダリング技術： D3は、SVG、Canvas、HTMLを用いてデータを視覚的に表現するものとされており、開発者は各マークの描画方法を選択できます。 | レンダリング技術： Highcharts CoreはSVGをベースとしています。非常に大規模なデータセット向けに、WebGLを利用したブーストモジュールも用意されています。 | ||
| ライセンスと費用： D3はISCライセンスに基づいてリリースされており、無料で利用できます。 | ライセンスと費用： 製品トライアルページには価格は表示されておらず、価格計算ツールと営業担当者の連絡先へのリンクが掲載されています。Tableau Publicは無料で提供されており、学生と教職員はアカデミックプログラムを通じてTableauを無料で利用できます。 | ライセンスと費用： Power BI Desktopは無料版として掲載されています。Power BI Proは、年間契約の有料サブスクリプションです。 | ライセンスと費用： 商用プロジェクトには適切なライセンスが必要で、価格はHighchartsショップで確認できます。教育機関向けライセンスも用意されており、ソースコードをダウンロードして確認するだけであれば、試用版ライセンスは不要です。 |
| データ接続とモデリング： D3自体はブラウザのページにデータをバインドします。データの読み込み、クリーニング、統計処理などは開発者が記述します。 | データ接続とモデリング： Power BI は、Excel、SharePoint、Salesforce、Azure SQL Database など、数百ものオンプレミスおよびクラウド上のデータソースに接続できます。高度なモデル作成には、数式言語である DAX が利用可能です。 | データ接続とモデリング： Highchartsは、与えられたデータをレンダリングします。ベンダーは、React、Angular、Vue、Node.js、Python、Svelteとの統合機能、および.NET、PHP、R、Java、iOS、Android用のラッパーを提供しています。 | |
| 拡張と埋め込み： D3はライブラリであるため、出力は任意のWebページに組み込むことができ、このサイトのビジュアライゼーションもそのようにして作成されています。古いD3バージョン向けに作成されたサンプルは、最新バージョンでは正しく動作しない場合があります。 | 拡張と埋め込み： レポートはクラウドまたはオンプレミスに公開でき、アプリやウェブサイトに埋め込むことも可能です。カスタムビジュアルはオープンソースフレームワークを使用して構築できます。 | 拡張と埋め込み： このライブラリは、ベンダーが公式に提供している統合機能を通じて、Webアプリケーションに組み込まれています。 |
取り上げるトピック： データ視覚化、D3js、グラフ、チャート、図、インタラクティブ、JavaScript、フレームワーク、ブラウザ互換性、パフォーマンス、例、ライブラリ、機能、ツリーグラフ、互換性のない変更、バージョン互換性、視覚化標準、ISO 9241、ISO 25010、ISO 10013、ISO 25012、およびISO 25051。
フルサイズの画像とダウンロードは、登録会員のみが100％無料で利用できます。
> ログイン <
