2012-05-14 17 views
19

वहाँ किसी भी कैनवास पुस्तकालय कि d3.js की तरह है (svg पुस्तकालय है)। मेरे पास एक वेबसाइट here है और मैंने svg तत्वों के साथ एक ग्राफ को कोड किया है, हालांकि यह स्मार्ट फोन के ब्राउज़र पर कुशल नहीं है और बहुत धीमा काम करता है। अब मैं इसे 2 डी कैनवास प्रकार के साथ बदलना चाहता हूं और देख सकता हूं कि यह बेहतर है या नहीं। क्या आप इस उद्देश्य के लिए उपयोगी कैनवास पुस्तकालय सुझा सकते हैं?एचटीएमएल 5 कैनवास विकल्प, ग्राफ विज़ुअलाइज़ेशन लाइब्रेरी

धन्यवाद ...

उत्तर

6

Samsung Olympic Genome Project facebook app के लिए, हम अनुप्रयोग के लिए बल का निर्देश ग्राफ शैली एनीमेशन बनाने के लिए http://thejit.org इस्तेमाल किया। यह मेरी टीम पर मेरे और दूसरों द्वारा भारी रूप से संशोधित किया गया है, और ऐप में केवल एक बहुत छोटा हिस्सा निभाता है, लेकिन यह काफी शक्तिशाली ढांचा है।

+0

इस पुस्तकालय के लिए की तरह अनुकूलता क्या है? – dax

23

डी 3 आवश्यक रूप से svg केवल पुस्तकालय नहीं है - svg कई मामलों में प्रयोग किया जाता है, लेकिन पुस्तकालय निरूपण है कि आप करना चाहते हैं किसी भी तरह का कर सकते हैं। http://bl.ocks.org/2409451

इसके अलावा यहां प्रदर्शन के मुद्दों, आदि के बारे में कुछ चर्चा के लिए देखते हैं, उपयोगी हो सकता है कि: https://groups.google.com/d/topic/d3-js/mtlTsGCULVQ/discussion

+0

क्या एसवीजी बनाम कैनवास की कोई प्रदर्शन तुलना है? ऐसा लगता है कैनवास काफी बेहतर हैं, लेकिन वहाँ डेटा दृश्य डी 3 की तरह svg –

+2

के लिए करता है @ V3ss0n के लिए बहुत कैनवास केंद्रित libs नहीं है: एक एसवीजी बनाम कैनवास तुलना के लिए, पर [OpenLayers वेबसाइट] (http प्रदान की तुलना पर एक नज़र डालें: // trac.osgeo.org/openlayers/wiki/Future/OpenLayersWithCanvas)। – amergin

+1

@ V3ss0n: उपयोगकर्ता संपर्क redraws अनुकूलन करने के लिए http://citeseerx.ist.psu.edu/viewdoc/download?rep=rep1&type=pdf&doi=10.1.1.141.7632 –

4

Cytoscape.JS पर एक नजर डालें जो एक का उपयोग करता है डी 3 में कैनवास का उपयोग कर समानांतर निर्देशांक, काई चांग द्वारा के इस उदाहरण देखें प्रतिपादन के लिए एचटीएमएल 5 कैनवास। इसे लिखने के समय यह अपने बचपन में है लेकिन परियोजना आशाजनक प्रतीत होती है।

Cytoscape.js आसानी से अपने webapp में एकीकृत है, खासकर जब से Cytoscape.js पर की तरह, दोनों डेस्कटॉप ब्राउज़र, क्रोम की तरह है, और मोबाइल ब्राउज़रों का समर्थन: अपने विकि के अनुसार पुस्तकालय दोनों डेस्कटॉप और मोबाइल ब्राउज़रों का समर्थन करता है आईपैड

+0

विभिन्न कैनवास परतों के अच्छा उपयोग मिलते हैं! प्रभावित किया। –

+0

दोस्त, इसका उल्लेख करने के लिए बहुत बहुत धन्यवाद। मैं जे एस पुस्तकालयों की एक पूरी ढेर आज, डी 3, JIT, आर्बर, सिग्मा और whatnot सहित पूरी कर चुके हैं, और वे या तो सब पागल (डी 3) या totaly अनम्य (JIT, ...) कर रहे हैं। ऐसा लगता है कि यह मेरा दिन बचा सकता है। – kralyk

4

चार्ट.जेएस एक जावास्क्रिप्ट लाइब्रेरी है जो अभी बाहर आया है जो प्रतिपादन के लिए HTML5 का उपयोग कर चार्ट बनाता है। यह डी 3 के रूप में समावेशी सुविधा के रूप में नहीं है, लेकिन यह भविष्य में बिल्कुल ठीक होने के लिए काम कर रहा है। http://www.chartjs.org/

संबंधित मुद्दे