ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
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/ まず以下のコマンドで環境を作ります
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
