データセットを元にセレクトボックスの項目を動的に生成する

【D3.js】データセットを元にセレクトボックスの項目を動的に生成する

小ネタです。

読み込んだデータセットを元にselect要素にoption要素を追加します。

example

See the Pen d3.jsを使ってselect要素を生成 by shimizu masayuki (@shimizu) on CodePen.


D3を使うと簡単にシンプルに書くことができます。
D3.jsのデータを束縛してDOMを操作する機能は、グラフを描画する以外にも様々なことに利用できて楽しいのでいろいろ試してみてください。

カテゴリー: D3v3