d3.js - d3.js サンキー ダイアグラムのデータのフィルタリング

Question

d3.js Sankey ビジュアライゼーションで、カテゴリに従ってデータセットをフィルター処理しようとしています。

この例に示すように、d3.csv メソッドを使用してデータを入力しています - http://bl.ocks.org/timelyportfolio/5052095

ただし、4 つの列を持つデータ セットをアップロードしたいと思います -

ソース、ターゲット、値、カテゴリ

私の目標は、カテゴリを切り替える機能を備えたビジュアライゼーションを用意することです。したがって、各 Sankey ビジュアライゼーションは、1 つの特定のカテゴリのみを表します。その後、ユーザーはドロップダウンから別のドロップダウンに切り替えることができます。

これは、現在の d3.csv 入力方法を使用して可能ですか?

Answer 1

これは機能しますか？

d3.csv("file.csv", function(data) {
    [...]

    // Called each time there is an action on the dropdown menu
    function updateGraph() {
         // Select only data that are tagged with a certain category
         var dataset = data.filter(function(d) { return d.category == selectedCategory; });
         // Update graph visualization
    }
}

これにより、csv ファイルを毎回リロードする必要がなくなります。