The p5 D3 Cookbook is a repository of documented examples for integrating the features of D3.js into the p5.js library. D3.js offers a wealth of tools for manipulating data and connecting data to visual representations. p5.js, whosegoal is to make coding accessible for artists, designers, educators, and beginners, provides a environment where users can sketch their ideas in code. Together, these
データのビジュアライゼーションといえばD3.jsがデファクトスタンダードだと思いますが、別にそんな複雑なビジュアルを出す必要もないよね、というときがあります。そんなときはdimpleというライブラリを使えば比較的楽にビジュアライゼーションが実現できそうです。 どんな感じなの? こんな感じのグラフがプリセットで用意されています。こういった棒線グラフ以外にも、バブルチャートや折れ線グラフなど、数々のグラフが用意されています。詳しくはExamplesをご覧ください。 コードは至ってシンプルで、x軸、y軸にデータのキーをセットして、addSeriesでグラフの種類を設定するだけ。自分でD3.jsでグリグリやるより楽ですね。しかしSVGを利用して表示しているとはいえ、IE8以前のブラウザではSVGをサポートしていないので表示できません(参考)。というわけで、そのあたりのブラウザがターゲットの場合は注

1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く