संयोजन d3.js और backbone.js

Question

मैं एक प्रोजेक्ट पर काम कर रहा हूं जो सभी d3.js विज़ुअलाइज़ेशन को backbone.js के साथ एक पृष्ठ पृष्ठ एप्लिकेशन में जोड़ती है। चूंकि मेरे पास बार चार्ट, पाई चार्ट, और इसी तरह के कई दृश्यताएं हैं, इसलिए मैं सोच रहा था कि इस समस्या का सबसे अच्छा तरीका क्या है।

उदाहरण के लिए, मान लें कि मेरे पास दो बार चार्ट हैं, और एक पाई चार्ट है। क्या मुझे सभी सेट मार्जिन, स्केल, सभी चार्टों के लिए सभी डेटा एक साथ देखने के लिए प्रस्तुत करना चाहिए? चूंकि दो अलग-अलग प्रकार के ग्राफ हैं, मॉडल क्या होना चाहिए?

देखें, मॉडल, नियंत्रक, संग्रह, आदि पर क्या जाना चाहिए?

अग्रिम धन्यवाद,

Answer 1

मैं डी 3 और रीढ़ एक छोटे से संयोजन देखा है और वहाँ कुछ मौजूदा समाधान हैं:

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 मॉडल - एक्स & वाई समन्वय और एक बिंदु लेबल

ChartSeries संग्रह - ChartPoints कि पूरा चार्ट

ChartBaseView परिभाषित का संग्रह - एक राय यह है कि उपरोक्त डेटा की व्याख्या, घटनाओं हैंडल चार्ट इच्छित प्रकार प्रतिपादन के लिए विशिष्ट दृश्य -, कुल्हाड़ियों और अन्य सामान्य कार्यों

BarChartView, LineChartView, PieChartView, आदि खींचता है। आपका अधिकांश डी 3 कोड यहां जाता है।

यह नहीं कह रहा कि यह करने का यह "सही" तरीका है ... बस मेरा तरीका।