Apache ECharts 5.6 रिलीज़

 (echarts.apache.org)
11 पॉइंट द्वारा GN⁺ 2025-04-09 | 2 टिप्पणियां | WhatsApp पर शेयर करें
  • ECharts एक open source JavaScript visualization लाइब्रेरी है, जो PC और मोबाइल दोनों के लिए optimized है
  • Internet Explorer 9/10/11, Chrome, Firefox, Safari आदि अधिकांश आधुनिक ब्राउज़रों के साथ compatible है
  • अपने graphics rendering engine ZRender का उपयोग करके सहज और interactive high-quality charts प्रदान करता है

विभिन्न chart प्रकार उपलब्ध

  • line chart, bar chart, scatter plot, pie chart, candlestick chart, boxplot, map, heatmap, directional information के लिए line chart, relation graph, treemap, sunburst, parallel coordinates, funnel chart, gauge chart आदि प्रदान करता है
  • विभिन्न visualization प्रकारों को मिलाकर composite chart बनाए जा सकते हैं
  • custom chart series समर्थन के साथ केवल renderItem callback function देने पर इच्छित graphic elements को स्वतंत्र रूप से implement किया जा सकता है
  • interactive features built-in हैं, इसलिए बिना अतिरिक्त configuration के तुरंत उपयोग किया जा सकता है

lightweight और component-selective download सुविधा

  • base package बहुत optimize किया गया है, लेकिन आवश्यकता के अनुसार केवल chart types और components चुनकर lightweight package बनाया जा सकता है
  • online builder के माध्यम से केवल आवश्यक features वाला custom bundle डाउनलोड किया जा सकता है

विभिन्न data formats का समर्थन

  • v4.0 से dataset property के माध्यम से 2-dimensional array, key-value object आदि जैसी विभिन्न data structures का समर्थन
  • encode property से data structure को सहज रूप से map किया जा सकता है
  • data transformation algorithm लिखने का समय बचता है और memory उपयोग कम किया जा सकता है
  • एक ही dataset को कई components में साझा किया जा सकता है
  • TypedArray समर्थन से memory बचत और performance improvement संभव है

large-scale data visualization के लिए optimization

  • लाखों data points के visualization के लिए incremental rendering तकनीक प्रदान करता है
  • zoom, pan जैसे interaction features भी large-scale data पर सहज रूप से काम करते हैं
  • WebSocket का उपयोग करके streaming data rendering का समर्थन
  • पूरा data लोड किए बिना भी visualization संभव है

मोबाइल optimization

  • मोबाइल environment में zoom और pan functionality के लिए optimized है
  • PC पर mouse wheel के माध्यम से वही controls उपयोग किए जा सकते हैं
  • मोबाइल के लिए compact package उपलब्ध है
  • SVG rendering engine चुनने पर memory usage और कम किया जा सकता है

विभिन्न rendering methods और platform compatibility

  • Canvas, SVG (v4.0 या बाद का), VML आदि विभिन्न rendering methods का समर्थन
  • VML पुराने IE ब्राउज़र compatibility के लिए, SVG मोबाइल पर memory efficient है, और Canvas large-scale processing में मजबूत है
  • Node.js environment में node-canvas के माध्यम से server-side rendering (SSR) संभव है
  • WeChat MiniProgram में भी उपयोग किया जा सकता है
  • community ने Python(pyecharts), R(echarty), Julia(ECharts.jl) जैसी language extensions भी विकसित की हैं
  • विभिन्न platforms और languages के समर्थन से developers केवल visualization पर ध्यान केंद्रित कर सकते हैं

interaction-आधारित data exploration features

  • zoom, pan, filtering के माध्यम से पूरे data से detailed data तक explore किया जा सकता है
  • legend, visualMap, dataZoom, tooltip, brush आदि विभिन्न interactive components उपलब्ध हैं
  • user interface में कई तरीकों से data exploration संभव है

multidimensional data visualization की बेहतर क्षमता

  • ECharts 3 से multidimensional data visualization समर्थन को मजबूत किया गया है
  • parallel coordinate system जैसी पारंपरिक multidimensional visualization के अलावा भी कई तरीकों से data व्यक्त किया जा सकता है
  • visualMap component का उपयोग करके रंग, आकार, transparency, shading जैसी visual properties में dimension data map किया जा सकता है

real-time data updates

  • dataset बदलने पर chart में real time में प्रतिबिंबित होता है
  • data changes को automatically detect करके animation के माध्यम से chart में दिखाया जाता है
  • timeline component के माध्यम से समय के प्रवाह के अनुसार data presentation भी संभव है

visual special effects

  • point, line, geographic data सहित सभी प्रकार के data पर visual effects लागू किए जा सकते हैं
  • उपयोगकर्ता का ध्यान आकर्षित करने और data communication को बेहतर बनाने में सहायक

WebGL-आधारित 3D visualization

  • ECharts GL, WebGL पर आधारित है और 3D globe, buildings, population histogram आदि जैसी विभिन्न 3D visualizations का समर्थन करता है
  • केवल सरल settings से visual effects जोड़े जा सकते हैं
  • VR और बड़े screen environments में भी उपयोग संभव है

accessibility समर्थन

  • W3C के WAI-ARIA accessibility standards का पालन
  • chart configuration जानकारी के आधार पर दृष्टिबाधित उपयोगकर्ताओं के लिए automatic descriptions तैयार करता है
  • screen reader के माध्यम से visualization content तक पहुंच संभव है

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

2 टिप्पणियां

 
jhk0530 2025-04-09

ECharts सुंदर है और ठीक-ठाक भी। मेरी नज़र में, इसे highcharts से ज़्यादा आसानी से इस्तेमाल किया जा सका।
 
GN⁺ 2025-04-09
Hacker News राय

  • Briefer बनाते समय मैंने लगभग सभी visualization libraries को टेस्ट किया, और Apache ECharts सबसे बेहतरीन है

    • दूसरी libraries की मुख्य समस्याएँ हैं (a) design अच्छा नहीं होता (b) इस्तेमाल करना मुश्किल होता है (c) flexibility की कमी होती है
    • Apache ECharts इन समस्याओं को हल करता है
    • यह डिफ़ॉल्ट रूप से सुंदर दिखता है, backend में declarative spec कैलकुलेट करके frontend को भेजा जा सकता है, और इतना flexible है कि पारंपरिक BI tools जो कुछ कर सकते हैं वह सब support करता है
    • नई features जोड़ने की ज़रूरत नहीं पड़ती, क्योंकि ज़रूरी सब कुछ पहले से शामिल है
    • HN पर यह शानदार काम देखकर खुशी हुई

  • go-echarts की भी सिफारिश करता हूँ

    • आप Golang types से charts declare कर सकते हैं, और Golang का JSON marshaler अपने-आप JSON से bind कर देता है
    • इसे कई projects में इस्तेमाल किया है, और issue या PR होने पर maintainer जल्दी जवाब देता है
    • JavaScript functions और SQL queries को Go में embed करना मज़ेदार है
    • एक Golang example है जो DuckDB से data लाता है और JavaScript tooltip के साथ candlestick chart file बनाता है

  • कई दूसरी libraries आज़माने के बाद, पिछले साल Apache ECharts चुना था और इसका कोई पछतावा नहीं है

    • बेहतरीन documentation, performance, उच्च configurability, इस्तेमाल में आसानी, और ज़रूरी सभी chart types का support

  • मुझे लगता है ECharts सबसे बेहतरीन library है

    • chart library lists या search results में यह ज़्यादा दिखाई नहीं देती
    • मैंने chart.js, google charts, amCharts, Highcharts, ApexCharts सब आज़माए हैं
    • हम इसे अपने tool/library में इस्तेमाल कर रहे हैं

  • 2020 से product में Apache ECharts का इस्तेमाल कर रहा हूँ

    • ज़ोरदार सिफारिश करता हूँ, शानदार library, शानदार documentation, 5 साल में कोई समस्या नहीं
    • keyboard accessibility ticket पर सुधार की उम्मीद है

  • line race बहुत शानदार है

    • switch toggle करके race शुरू की जा सकती है
    • Norway ने अच्छा किया

  • अगर आप web client के लिए chart library ढूँढ रहे हैं, तो charts.css की भी सिफारिश है

    • इसका concept ज़्यादातर chart libraries की तुलना में कहीं ज़्यादा सरल है, और वही functionality हासिल की जा सकती है
    • server-side rendering, htmx आदि के साथ इस्तेमाल करना बहुत आसान है

  • ECharts नाम का JS chart package घोषित होते देख लगता है कि 1 साल के भीतर इसका maintenance बंद हो जाएगा

    • Apache ECharts नाम का JS chart package घोषित होते देख लगता है कि अगले साल भी इसका maintenance जारी रहेगा

  • मैं React/React Native के लिए chart library ढूँढ रहा था, और Apache ECharts cross-platform data visualization के लिए एक शानदार उम्मीदवार है

    • react-echarts और react-native-echarts दोनों सक्रिय रूप से विकसित हो रहे हैं
    • Apache के तहत होना project के भविष्य के development prospects और maintenance के लिए बड़ा फ़ायदा है

  • AI के लिए chart library के रूप में ECharts जोड़ा है, और default GUI charts को ECharts में migrate कर रहा हूँ

    • चुनने से पहले व्यापक समीक्षा की थी, और ECharts बेहतरीन और बहुत सुंदर लगा, इसलिए इसे चुना