PythonとJavaScriptではじめるデータビジュアライゼーション

428

20 章　メニューバー

});

❶ 性別次元のフィルタを引数なしで呼び出すと、両方の性別を対象とするように設定しなおす。

まず、セレクタのオプション値を選択します。そして、その値を使って現在のデータセットを

フィルタリングします。最後に、

onDataChange

を呼び出して新しいデータセットで生じる

Nobel-

viz

の視覚コンポーネントの変更を行います。

性別

select

タグを設置するために、

CSS

で

20

ピクセルの左余白を設定します。

#gender-select{margin-left:20px;}

20.2.3

 国セレクタの追加

国セレクタの追加は、受賞分野や性別セレクタよりも少し複雑です。国別の受賞者の分布はすそ

野が広く（図

16-1

を参照）、受賞者が

1

人や

2

人の国がたくさんあります。セレクタに該当する

国をすべて含めてもよいのですが、長くなってしまい面倒です。それよりも、受賞者が

2

人以下

の国のグループを追加して選択肢の数を少なくし、グラフにストーリー性を加える方がよいでしょ

う。つまり、時代ごとに異なる少数受賞国の分布を示せば、もしかしたら受賞分布の傾向の変化に

ついて何かわかるかもしれません

†

。

受賞者が

2

人以下の国グループを追加するには、国別のグループサイズを得るために多次元フィ

ルタリングした国次元が必要です。つまり、ノーベル賞データセットをロードした後に国セレク

タを作成することになります。そのためには、

nbviz.initUI

メソッドにこの処理を含め、多次元

フィルタ次元を作成した後にメインの ...