概要 dc.jsは多次元データを複数のグラフや地図に連携して表示することが可能なJavaScriptのライブラリです。 dc.js - Dimensional Charting Javascript Library http://dc-js.github.io/dc.js/ たとえば次のようなグラフを描画したとします。 dc.jsを使えば、グラフ上の項目をクリックすることで任意の項目のフィルタリングが行えます。 下記の例では「艦種」が「戦艦」かつ「速度」が「低」の艦を抽出しています。 特定の項目をフィルタリングすることにより、全てのグラフが連動して変化していることが確認できます。これによりに、様々な角度でデータを表現することが可能になります。 このサンプルは以下にあります。 http://needtec.sakura.ne.jp/dc_example/exampl001.html 依存ライ
![多次元データを複数のグラフや地図に連携して表示するdc.jsを使ってみる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d7e7e2ba86be697b0388903d5792f394b4226cf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU1JUE0JTlBJUU2JUFDJUExJUU1JTg1JTgzJUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgyJTkyJUU4JUE0JTg3JUU2JTk1JUIwJUUzJTgxJUFFJUUzJTgyJUIwJUUzJTgzJUE5JUUzJTgzJTk1JUUzJTgyJTg0JUU1JTlDJUIwJUU1JTlCJUIzJUUzJTgxJUFCJUU5JTgwJUEzJUU2JTkwJUJBJUUzJTgxJTk3JUUzJTgxJUE2JUU4JUExJUE4JUU3JUE0JUJBJUUzJTgxJTk5JUUzJTgyJThCZGMuanMlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODElQkYlRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWRmYWY2YTY0ZWRjODE4ZDI5YWMzYWM3YmNlZmIxMGRl%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWltYV9pdGEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTRjYjg5NTAwZjBjMWM4YzlhMzE1NWRiNThkZGY1ZDIw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D6fb26d49441aa115c46358038a76f7f7)