Awesome GitHub RepositoriesJavaScript Charting

ECharts is a JavaScript data visualization library and web charting framework used to render interactive 2D and 3D data plots within a web browser. It functions as a visualization engine that transforms raw data into customizable charts and graphs. The project includes a WebGL-based hardware acceleration engine specifically for producing three-dimensional plots and globe visualizations. This allows the library to handle large and complex datasets through GPU-accelerated rendering. The framework supports both canvas-based raster rendering and SVG-based vector rendering. It provides capabiliti

Dash is a Python-based framework for building analytical web applications and reactive data dashboards. It allows developers to connect data science and machine learning code to interactive web interfaces without writing JavaScript, serving as a backend-driven tool for defining layouts and managing state. The framework integrates the Plotly charting engine to render a wide variety of complex charts and financial graphs. It distinguishes itself through a reactive callback system that links user input components to data visualizations, enabling the creation of business intelligence dashboards a

Plotly.js is a JavaScript charting library and interactive graphing framework used to create web-based visualizations. It functions as a high-performance data visualization engine that utilizes both SVG for static elements and WebGL for hardware-accelerated rendering of large datasets and complex 3D plots. The library is distinguished by specialized toolkits for financial analysis, such as candlestick and OHLC charts, and geographic mapping tools for rendering choropleth and scatter maps with custom projections. It also supports complex scientific visualizations, including Sankey diagrams, pa

dc.js is a multi-dimensional analysis tool and visualization framework used to build interactive data dashboards. It functions as a charting library that renders diverse SVG visualizations powered by D3 and integrates natively with Crossfilter to enable coordinated filtering across large datasets. The project is distinguished by its linked-view coordination, where selecting a data range or category in one chart simultaneously updates all other connected views. This allows for dynamic data exploration through dimensional chart linking and coordinated brushing, transforming raw datasets into na

nvd3 is a data visualization framework and reusable web graphing library. It provides a collection of interactive charting components built on top of the D3.js library to render complex datasets as graphics within a web browser. The library functions as a wrapper for D3.js, offering predefined chart types and modular templates. This implementation allows for the creation of custom data graphs and web dashboards without requiring the author to write low-level SVG code from scratch. The system utilizes SVG-based vector rendering and attribute-driven styling to generate visualizations. It incor

roughViz is a JavaScript data visualization library used to create charts with a hand-drawn, sketchy aesthetic. It functions as an SVG charting framework that renders visualizations in the browser, prioritizing the communication of general trends and patterns over absolute precision. The library provides a collection of tools to generate several chart types, including bar, line, pie, donut, and scatter plots, as well as stacked bar charts. These visualizations are produced using a non-linear drawing style to present technical information in an informal, organic appearance.

morris.js is a JavaScript data visualization library and SVG charting framework. It is designed to render time-series line, bar, area, and donut charts to visualize complex datasets and distribution patterns. The library specializes in time-series charting to display temporal trends and track how specific values change over time. It provides tools for statistical data representation, allowing for the comparison of different data sets or the illustration of proportions within a whole. The framework enables the creation of web dashboard analytics by transforming raw data into graphical represe

tui.chart هو محرك رسوم بيانية إحصائية ومكتبة لتصور البيانات مصممة لعرض مخططات ورسوم بيانية تفاعلية لمجموعات البيانات العددية المعقدة. يعمل كإطار عمل رسوم بيانية متجاوب قادر على إنتاج تمثيلات إحصائية متنوعة، بما في ذلك المخططات الخطية، والشريطية، والمبعثرة، والفقاعية، والخرائط الشجرية. تتميز المكتبة بنظام تصور تفاعلي يدعم تلميحات الأدوات المتزامنة عبر مخططات متعددة، والتكبير القائم على النطاق، واختيار سلسلة البيانات. يتضمن محرك تخطيط يقوم تلقائياً بضبط أبعاد المخطط والرسوم المتحركة بناءً على حجم حاوية العرض. يغطي النظام نطاقاً واسعاً من قدرات العرض، بما في ذلك تعيين البيانات الهرمية عبر الخرائط الشجرية، والخرائط الحرارية المرمزة بالألوان، والقدرة على التعامل مع تحديثات البيانات في الوقت الفعلي للمراقبة المباشرة. تشمل مجالات المرافق الإضافية وظائف تصدير البيانات وتحديثات التكوين الديناميكية لتعديل مظهر التصورات النشطة.

echarts-for-react هي مكتبة رسوم بيانية لـ React ومكون تصور بيانات يعمل كغلاف لمكتبة Apache ECharts. تسمح بعرض مرئيات البيانات والرسوم البيانية المعقدة ضمن بنية قائمة على المكونات باستخدام تكوينات تعريفية. توفر المكتبة آلية للوصول إلى مثيل التصور الأساسي، مما يتيح عمليات منخفضة المستوى مثل تصدير الصور وتغيير الحجم اليدوي. كما تدعم ربط دوال مخصصة بأحداث التصور لتشغيل منطق التطبيق بناءً على تفاعلات المستخدم. تغطي مجموعة الأدوات تكوين سلوك الرسم البياني العام واستراتيجيات التحديث. كما تدعم استيراد مكونات محددة فقط لتقليل حجم حزمة التطبيق الإجمالية.

Epoch هو محرك رسوم بيانية ومكتبة تصور قابلة للتنسيق بـ CSS مصممة للبيانات في الوقت الفعلي والبيانات الإحصائية. يعمل كأداة رسوم بيانية للسلاسل الزمنية تعرض البيانات التاريخية والحية باستخدام مزيج من رسومات SVG وHTML5 Canvas للحفاظ على الأداء أثناء التحديثات المتكررة. تتميز المكتبة من خلال نظام استعلام CSS موحد يطبق الأنماط على كل من عناصر الرسم المتجهية والنقطية. يسمح هذا بحل السمة المرئية عبر فئات CSS والقدرة على تخصيص مظهر سلاسل بيانات محددة باستخدام أوراق الأنماط. تغطي مجموعة الأدوات مجموعة واسعة من أنواع التصور، بما في ذلك الرسوم البيانية الخطية، والمساحية، والشريطية، والخرائط الحرارية لتحليل الاتجاهات، بالإضافة إلى المقاييس، والرسوم البيانية الدائرية، والأشرطة المجمعة للوحات المعلومات. كما توفر قدرات للاستكشاف الإحصائي من خلال المخططات المبعثرة والرسوم البيانية التي تستخدم تجميع الدلاء المنفصل ومزج الألوان لإظهار تركيز البيانات.

Library for animated data visualizations and data stories.

lit-line is a minimal line chart web component for modern websites.