D3.jsとモジュール

D3.jsはデータビジュアライゼーションのためのJavaScriptライブラリ。
D3.js v4がリリースされた。v4はD3.jsの各機能がモジュールとなっているらしい。モジュールとは？

それまでのJavaScriptは、ページ内でライブラリを読み込む方式が主流だった。

<head>
  <!-- 外部ライブラリを読み込む -->
  <script src="https://hogehoge.com/library.min.js"></script>
</head>

Node.jsの発展でJavaScriptライブラリ及びモジュールが開発で容易にインストールできるようになった。

npm install d3

Gulp や Webpack などの開発ライブラリによって、モジュールを使った開発方法が盛んに。これによって、ページ内では特定のJavaScriptライブラリの全てを読み込む必要はなくなり、必要な機能だけをまとめた小さいサイズのJavaScriptコードを読み込むことが可能に。

<head>
  <!-- モジュールの必要な機能だけをまとめたJavaScriptファイル -->
  <script src="./bundle.js"></script>
</head>