React+D3.jsアプリ作成の基本 - Qiita例えばダッシュボードとかのページを作るときに、複数のチャート Componentを組み合わせて、１画面を作る必要があります。このような時はReact+D3.jsの組み合わせが第一候補となるでしょう。しかしReactはVirtual DOMを扱うライブラリであり、D3.jsもDOM（SVG要素）を直接扱うライブラリです。この2つを組み合わせて使うには、バッディングしないように明確な仕切りを行う必要があります。大きな流れとしてはReactで作ったDOM要素を、D3.js関数に渡してチャートを描きます。DOM要素を作り出すまではReactの仕事で、そのDOM要素をもらってチャート描く関数はD3.jsの仕事です。以下が今回作ったサンプルです。 http://react-d3-app.s3-website-ap-northeast-1.amazonaws.com/ まず以下のコマンドで環境を作ります
