d3.js ベン図

D3.jsで簡単にベン図がかけるプラグイン「venn.js」

D3.jsで円グラフになるボタン作った。」の記事に「是非ベン図も!」というリクエストをいただいたので調べてみたところ、venn.js というまんまベン図を描くためのプラグインがあったので紹介します。
このプラグインを使うとベン図(ヴェン図とも言うらしい)が非常に簡単に描画できます。

venn1506301

サンプル

ぶっちゃけ、プラグインの「example」フォルダの中身をみてもらった方が早いと思うのですが、一応。

D3.js ベン図

example

データセットの中で要素(sets)とサイズを指定してすれば、あとは自動的にレイアウトを計算して表示してくれます。非常に簡単。日本語も使えます。

スタイルの指定や、ツールチップの表示などもできます。
そこら辺は公式のサンプルを参照してください。

venn.js

カテゴリー: D3v3