2013-06-20 9 views
15

私は、d3.jsの視覚化とbackbone.jsを1つのページアプリケーションにまとめたプロジェクトに取り組んでいます。棒グラフや円グラフなど多くの視覚化が行われているので、私はこの問題に対する最良のアプローチが何かを考えていました。d3.jsとbackbone.jsを結合する

たとえば、2つの棒グラフと円グラフがあるとします。私はすべてのマージン、スケール、すべてのグラフのすべてのデータをビューで一緒にレンダリングする必要がありますか? 2つの異なるタイプのグラフがあるので、モデルはどのようなものでしょうか?

ビュー、モデル、コントローラ、コレクションなどにはどうすればよいですか?事前に

おかげで、

+0

これは非常に曖昧です。良い答えを得るには、より具体的にする必要があります。 –

+0

ビュー、モデル、コントローラ、およびコレクションの内容は、他の単一ページアプリケーションと同じであってはなりません。 d3、棒グラフ、円グラフなどとは関係ありません。 – ricksuggs

+0

http://stackoverflow.com/questions/17050921/d3-with-backbone-d3-with-angular/17058009#17058009 –

答えて

22

私は少しD3を組み合わせ、バックボーンに見てきたし、いくつかの既存のソリューションはそこにあります

Overview presentation

Short tutorial on combining Backbone & D3

Longer discussion on marrying Backbone and D3

A bunch of JS libraries for integrating with D3

は私もGitHubの上のライブラリが見つかりましたが、最後に

...サポートされていないようでした、これらのどれもが本当に、私は、コレクション&景色を自分のバックボーンモデルを開発し、私を満たしていません。私が設定:

ChartPointモデル - X & Y座標及び点ラベル

ChartSeriesコレクション - フルチャート

ChartBaseView定義ChartPointsのコレクション - 上記データを解釈ビューを、イベントを処理します軸やその他の一般的な機能を描画します

BarChartViewLineChartViewPieChartViewなど - 必要なグラフの種類を表示するための特定のビュー。 D3コードのほとんどはここにあります。

これは「正しい」方法です...私の方法です。

+1

これは優れた高レベルの抽象化のように聞こえます。モデルと疑似コードの実装を示す要点を投稿して、これらと他のコンポーネントとのやりとりを例示できますか? – Barney

+2

これはあなたが探しているものです:http://bl.ocks.org/milroc/5522467 – c0mrade