D3 का गहन विश्लेषण

 (d3indepth.com)
4 पॉइंट द्वारा GN⁺ 2024-05-18 | 1 टिप्पणियां | WhatsApp पर शेयर करें

D3 in Depth

D3 in Depth में D3 वर्ज़न 6 और 7 को कवर किया गया है

  • होमपेज: D3 in Depth, D3.js के नवीनतम वर्ज़न 6 और 7 को कवर करने वाली साइट है.
  • परिचय: यह साइट D3.js का उपयोग करके data visualization पर गहन सामग्री प्रदान करती है.
  • न्यूज़लेटर: न्यूज़लेटर के ज़रिए किताबों पर छूट की जानकारी, साथ ही D3.js से जुड़ी खबरें और टिप्स प्राप्त की जा सकती हैं.

किताबें और कोर्स

  • Visualising Data with JavaScript: यह Chart.js, Leaflet, D3, React का उपयोग करके charts, dashboards और data stories बनाना सिखाती है.
    • "मैंने पढ़ी हुई सबसे बेहतरीन D3 किताबों में से एक। सामग्री बेहद स्पष्ट है, उसे follow करना आसान है, और concepts बहुत मज़बूत हैं." - Javier García Fernández
  • कस्टम data visualization: D3.js का उपयोग करके कस्टम data visualization बनाना सीखा जा सकता है.
  • बुनियादी सीख: वेब पर data visualization बनाने के लिए HTML, SVG, CSS और JavaScript की बुनियाद सीखी जा सकती है.

विषय-सूची

  • D3 परिचय
  • शुरुआत करना
  • Selections
  • Data joins
  • Enter, exit & update
  • Scale functions
  • Shapes
  • Axes
  • Hierarchies
  • Chord Diagrams
  • Force layout
  • Maps
  • Data Requests
  • Transitions
  • Picking, Dragging and Brushing
  • Zoom & pan

न्यूज़लेटर

  • सदस्यता: किताबों पर छूट की जानकारी और D3.js से जुड़ी खबरें व टिप्स प्राप्त किए जा सकते हैं.

कॉपीराइट

  • © Peter Cook 2023

GN⁺ की राय

  • D3.js का महत्व: D3.js एक data visualization लाइब्रेरी है, जो जटिल डेटा को विज़ुअली व्यक्त करने में बेहद उपयोगी है. खासकर बड़े data sets के साथ काम करते समय यह एक शक्तिशाली टूल है.
  • Learning curve: D3.js शक्तिशाली है, लेकिन इसकी learning curve काफ़ी steep हो सकती है. यह साइट शुरुआती से लेकर उन्नत उपयोगकर्ताओं तक सभी के लिए उपयोगी सामग्री प्रदान करती है.
  • विभिन्न टूल्स के साथ इंटीग्रेशन: Chart.js, Leaflet, React जैसे अन्य टूल्स के साथ इंटीग्रेशन सीखकर इसे विभिन्न प्रोजेक्ट्स में लागू किया जा सकता है.
  • प्रैक्टिकल-केंद्रित: यह साइट प्रैक्टिकल तरीके से बनाई गई है, इसलिए यहाँ से ऐसा ज्ञान मिलता है जिसे सीधे वास्तविक प्रोजेक्ट्स में लागू किया जा सकता है.
  • तकनीक चुनते समय ध्यान देने योग्य बातें: D3.js चुनते समय प्रोजेक्ट की जटिलता, टीम का तकनीकी स्तर, और maintainability जैसी बातों पर विचार करना चाहिए. D3.js शक्तिशाली है, लेकिन सरल visualization के लिए यह कभी-कभी ज़रूरत से ज़्यादा भी हो सकता है.

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2024-05-18
Hacker News की राय

Hacker News टिप्पणियों के संग्रह का सारांश

  • Observable Plot और Observable Framework का परिचय

    • अगर आप D3 का उपयोग करके data visualization में रुचि रखते हैं, तो उच्च-स्तरीय सुविधा देने वाले Observable Plot को देखना उपयोगी हो सकता है.
    • Observable Framework एक static site generator है, जो Plot, D3 और विभिन्न libraries को सपोर्ट करता है और visualization dashboard बनाने में मदद करता है.
    • Observable Plot
    • Observable Framework

  • D3 इस्तेमाल करने की कठिनाई

    • D3 का काफी अनुभव होने के बावजूद, कुछ साल बाद फिर से इसका उपयोग करने पर documentation उलझाऊ लगती है और ऐसा महसूस होता है जैसे शुरुआत से फिर शुरू करना पड़ रहा हो.
    • गणित की समस्या हल करने से भी ज़्यादा कठिन D3 documentation को समझना है.

  • D3 सीखने का मूल्य

    • भले ही आप D3 का पेशेवर रूप से उपयोग न करें, फिर भी इसे सीखना मूल्यवान है.
    • इससे data projection और वास्तविक data के बीच का अंतर समझने में मदद मिलती है, और उसे scale करने का तरीका सीखा जा सकता है.
    • वेब के बाहर दूसरे environments में data visualization करते समय भी यह उपयोगी है.

  • D3.js का विकास और आधुनिक विकल्प

    • D3.js का उपयोग करके कई projects किए गए, लेकिन अब यह कुछ पुराना महसूस होता है.
    • Vue 3 और TypeScript जैसे आधुनिक frameworks की ओर जाने के बाद भी, D3.js ने जो अच्छी practices सिखाईं, उनके लिए आभार है.

  • VisX जैसे विकल्प

    • D3 सीखने के बाद VisX जैसे अधिक structured tools पर जाना बेहतर है.
    • D3 और jQuery से spaghetti code बन जाना आसान है.

  • Grammar of Graphics और ggplot2

    • D3, Wilkinson की Grammar of Graphics से प्रेरित है.
    • R भाषा का ggplot2 भी उसी प्रेरणा पर आधारित है और अधिक संक्षिप्त व functional interface देता है.

  • Force-directed graph की समस्या

    • D3 examples में force-directed graph पसंद आते हैं, लेकिन node और edge बढ़ने पर उनका layout अच्छा नहीं रहता.
    • संभव है कि 3D visualization की ज़रूरत पड़े.

  • उपयोगी D3 resources

    • D3 को समझने में मदद करने वाला एकमात्र resource था.
    • उसके लेखक responsive हैं और मददगार भी.

  • Vega का परिचय

    • D3 के ऊपर काम करने वाले Vega के बारे में अच्छी बातें सुनी गई हैं.
    • यह OpenSearch Dashboards की dependency के रूप में उपयोग होता है और users को logs व observability data के लिए custom dashboards बनाने देता है.
    • Vega दस्तावेज़
    • OpenSearch Dashboards में Vega का उपयोग

  • D3 syntax की जटिलता

    • D3 से बने visualizations अच्छे होते हैं, लेकिन इसकी syntax बहुत जटिल और पुरानी है.
    • अधिक declarative तरीके की ओर बदलाव अच्छा लगा.