javascript - D3.js सीखने के लिए एक अच्छी किताब





data-visualization (4)


जैसा कि @Autio पहले से ही उल्लेख किया गया है, स्कॉट मरे से उनकी website पर ट्यूटोरियल हैं।

आप यह भी ध्यान देंगे कि उनकी साइट पर, उनके पास हाल ही में डी 3 पुस्तक, वेब के लिए इंटरेक्टिव डेटा विजुअलाइजेशन का एक लिंक है।

हालांकि, यह पुस्तक अब एम्बेडेड जेएसबीएन उदाहरणों के साथ मुफ्त में ऑनलाइन उपलब्ध है। http://chimera.labs.oreilly.com/books/1230000000345/index.html

तो यदि आप एक "पुस्तक" की तलाश में हैं, तो यह एक महान शुरुआत होगी।

शुरू करने के लिए एक और बढ़िया जगह ट्यूटोरियल्स का सेट है - आप लगभग उनको मिनी बुक के रूप में सोच सकते हैं - यहां पाए गए:
http://www.dashingd3js.com/table-of-contents

इन दो संसाधनों के बारे में क्या अच्छा है इसका हिस्सा यह है कि उन्हें आपको अपने ब्राउज़र में तुरंत डी 3 के साथ खेलने के लिए प्रोत्साहित करना चाहिए; इसलिए आप वास्तव में डी 3 का उपयोग कर रहे हैं और यह पता लगाते हैं कि यह कैसे काम करता है इसके बारे में केवल पढ़ने के बजाय, सरल मामलों में यह कैसे काम करता है।

जीथ्यूब पर डी 3 विकी के पास ट्यूटोरियल्स का एक अच्छा सौदा है, और डी 3 के लिए महसूस करने के लिए अनिवार्य है लेकिन डी 3 समुदाय में क्या चल रहा है, फिर भी मैं शायद ऊपर वर्णित दो लिंक से शुरू करने की सिफारिश करता हूं, क्योंकि वे एक प्रदान करेंगे अच्छे बेस (एक निरंतर फोकस के साथ, एक या दो पेज पोस्ट के विपरीत) के लिए उपलब्ध अन्य ट्यूटोरियल में कूदने के लिए।
https://github.com/mbostock/d3/wiki/Tutorials

साथ ही, विचार करें कि आप डी 3 के साथ क्या करना चाहते हैं। अपने आप में, डी 3 वास्तव में शक्तिशाली है लेकिन काफी कम स्तर वाला है, जिसका अर्थ है: यदि आपको व्हाइट हाउस में 512 पथों के एनवाई टाइम्स चुनाव मानचित्र के बजाय बार चार्ट बनाने की आवश्यकता है, तो vega जैसे टूल को देखने लायक हो सकते हैं जो निम्न स्तर की जटिलता को हटा देता है जो अन्यथा मानक बार चार्ट जैसे आइटम बनाने में शामिल हो सकता है। और ये उपकरण संख्या में कम नहीं हैं, जैसा कि इस जीआईएस सूची पुस्तकालयों में देखा जा सकता है जो डी 3 का उपयोग करते हैं

हाल ही में, डीसीजेएस चार्टिंग लाइब्रेरी के लेखक निक झू, जो डी 3.जेएस और क्रॉसफिल्टर को जोड़ते हैं, डी 3 कुकबुक के साथ एक नए डेटा विज़ुअलाइज़ेशन के साथ बाहर आए, जो वादा करता है और स्कॉट मरे की पुस्तक की तुलना में पाठक का थोड़ा और अधिक प्रतीत होता है ।

एचटीएमएल और सीएसएस के लिए अभी भी नए लोगों के लिए एक d3.js परिचय भी है:
भाग 1: http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html
भाग 2: http://nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html

मैंने D3.js देखा और मुझे दिलचस्पी थी इसलिए मैंने यह book खरीदी! मैं गलत हो सकता हूं, हालांकि मुझे यह पूरा नहीं हुआ।

डेटा विज़ुअलाइज़ेशन के लिए D3.js को D3.js लिए किसी के पास प्रमुख सामग्री है?

मैं D3.js लिए बहुत सी संभावनाएं देख सकता D3.js और मैं बहुत उत्सुक और रूचि रखता हूं।

अग्रिम में धन्यवाद!

अद्यतन करें:

मैंने बस स्कॉट मरे, वेब द्वारा वेब के लिए इंटरेक्टिव डेटा विजुअलाइजेशन पढ़ना पूरा किया! इसे आज़माएं, यह मुफ़्त है।




जिस पुस्तक का आप उल्लेख करते हैं वह वास्तव में थोड़ा पतला है। यहां कुछ ट्यूटोरियल दिए गए हैं जिन्हें मैंने डी 3 को पकड़ने में उपयोगी पाया: http://alignedleft.com/tutorials/d3

माइक Bostock द्वारा होस्ट किए गए उदाहरणों के स्रोत कोड का पता लगाने के लिए वास्तव में सबसे अच्छी विधि है: https://github.com/mbostock/d3/wiki/Gallery




मैंने कुछ बुनियादी ट्यूटोरियल लिखे जब मैंने पहली बार सीखना शुरू किया, तो आप उन्हें यहां पा सकते हैं: https://bitbucket.org/hrojas/learn-d3




मैं आपको Google मानचित्र के साथ काम करते समय goMap jQuery प्लगइन का प्रयास करने के लिए प्रोत्साहित करता हूं। मार्कर बनाने के दौरान इस तरह की स्थिति के लिए आप hideByClick को सही पर सेट कर सकते हैं:

$(function() { 
    $("#map").goMap({ 
        markers: [{  
            latitude: 56.948813, 
            longitude: 24.704004, 
            html: { 
                content: 'Click to marker', 
                popup:true 
            } 
        },{  
            latitude: 54.948813, 
            longitude: 21.704004, 
            html: 'Hello!' 
        }], 
        hideByClick: true 
    }); 
}); 

यह सिर्फ एक उदाहरण है, इसमें ग्रुपिंग मार्करों और सूचना विंडो में हेरफेर करने जैसी कई सुविधाएं हैं।







javascript d3.js data-visualization