私は、すべての d3.js ビジュアライゼーションを backbone.js と組み合わせて 1 つのページ アプリケーションにするプロジェクトに取り組んでいます。棒グラフや円グラフなどのビジュアライゼーションがたくさんあるので、この問題への最善のアプローチは何かと考えていました。
たとえば、2 つの棒グラフと 1 つの円グラフがあるとします。すべての設定されたマージン、スケール、すべてのグラフのすべてのデータを 1 つのビューにまとめる必要がありますか? グラフには 2 つの異なるタイプがあるため、どのモデルを使用する必要がありますか?
ビュー、モデル、コントローラー、コレクションなどには何を移動する必要がありますか?
前もって感謝します、
D3 と Backbone を少し組み合わせてみましたが、既存のソリューションがいくつかあります。
Backbone と D3 の組み合わせに関する短いチュートリアル
GitHub にもライブラリを見つけましたが、サポートされていないようでした...
結局、これらのどれも私を本当に満足させるものではなかったので、独自のバックボーン モデル、コレクション、およびビューを開発しました。私はセットアップしました：
ChartPointモデル - X & Y 座標とポイント ラベル
ChartSeriesCollection - 完全なチャートを定義する ChartPoints のコレクション
ChartBaseView- 上記のデータを解釈し、イベントを処理し、軸やその他の一般的な機能を描画するビュー
BarChartView、LineChartView、PieChartViewなど - 必要なタイプのチャートをレンダリングするための特定のビュー。D3 コードのほとんどはここに配置されます。
これが「正しい」方法だと言っているわけではありません...私のやり方です。