AgataD3.jsがVer.4にバージョンアップしてから、いろいろなカラーマップが利用可能になりました。今回はv4で追加されたカラーマップを紹介します。v4から追加されたカラーマップのなかに、0〜1の数値を入力するとRGB形式のカラーベクトルが返ってくるという、便利な関数があります。追加で読み込む必要があります。以下では、このライブラリに含まれているカラーマップ関数一覧をプルダウンメニューから選択すると、そのカラーマップを画面上に表示するプログラムを、D3.jsを使って作成してみました。ソースコードを表示するには、以下の「JavaScript」タブを選択して下さい。17行目以降で、関数名の一覧を配列に保存しています。プルダウンメニューを作成することもできます)。メソッドを使って、プルダウンメニューが変更されたら、カラーバーの表示を更新するための関数が呼び出されるようにしています。59~71行目は初期状態のカラーバーを作成しています。74行目以降で、プルダウンメニューが変更されたときに呼び出される関数を記述しています。