Awesome GitHub RepositoriesJavaScript Charting Libraries

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

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

tui.chart ist eine statistische Charting-Engine und Datenvisualisierungsbibliothek, die darauf ausgelegt ist, interaktive Diagramme und Grafiken für komplexe numerische Datensätze zu rendern. Es fungiert als responsives Charting-Framework, das verschiedene statistische Darstellungen produzieren kann, einschließlich Linien-, Balken-, Streu-, Blasen- und Treemap-Diagrammen. Die Bibliothek zeichnet sich durch ein interaktives Visualisierungssystem aus, das synchronisierte Tooltips über mehrere Diagramme hinweg, bereichsbasiertes Zoomen und die Auswahl von Datenreihen unterstützt. Sie enthält eine Layout-Engine, die Diagrammdimensionen und Animationen automatisch basierend auf der Größe des Anzeigecontainers anpasst. Das System deckt ein breites Spektrum an Rendering-Funktionen ab, einschließlich hierarchischem Daten-Mapping mittels Treemaps, farbcodierten Heatmaps und der Fähigkeit, Echtzeit-Daten-Updates für Live-Monitoring zu verarbeiten. Zusätzliche Bereiche umfassen Datenexport-Funktionalität und dynamische Konfigurations-Updates zur Modifikation des Erscheinungsbildes aktiver Visualisierungen.

echarts-for-react ist eine React-Chart-Bibliothek und Datenvisualisierungskomponente, die als Wrapper für die Apache ECharts-Bibliothek dient. Sie ermöglicht das Rendern komplexer Datenvisualisierungen und Graphen innerhalb einer komponentenbasierten Architektur unter Verwendung deklarativer Konfigurationen. Die Bibliothek bietet einen Mechanismus für den Zugriff auf die zugrunde liegende Visualisierungsinstanz, was Low-Level-Operationen wie den Bildexport und die manuelle Größenanpassung ermöglicht. Sie unterstützt zudem das Binden benutzerdefinierter Funktionen an Visualisierungsereignisse, um Anwendungslogik basierend auf Benutzerinteraktionen auszulösen. Das Toolset deckt die Konfiguration des allgemeinen Chart-Verhaltens und Update-Strategien ab. Es unterstützt zudem den Import nur spezifischer Komponenten, um die Gesamtgröße des Anwendungs-Bundles zu reduzieren.

Epoch ist eine CSS-stylbare Charting-Engine und Visualisierungsbibliothek, die für Echtzeit- und statistische Daten entwickelt wurde. Sie fungiert als Zeitreihen-Charting-Tool, das historische und Live-Daten unter Verwendung einer Hybrid-Lösung aus SVG- und HTML5-Canvas-Grafiken rendert, um die Performance bei häufigen Aktualisierungen aufrechtzuerhalten. Die Bibliothek zeichnet sich durch ein einheitliches CSS-Abfragesystem aus, das Stile sowohl auf Vektor- als auch auf Raster-Plot-Elemente anwendet. Dies ermöglicht die visuelle Themenauflösung über CSS-Klassen und die Möglichkeit, das Erscheinungsbild spezifischer Datenserien mithilfe von Stylesheets anzupassen. Das Toolset deckt ein breites Spektrum an Visualisierungstypen ab, einschließlich Linien-, Flächen-, Balken- und Heatmap-Charts für Trendanalysen sowie Tachos, Tortendiagramme und gruppierte Balken für Dashboards. Zudem bietet es Funktionen für statistische Exploration durch Scatter-Plots und Histogramme, die diskrete Bucket-Gruppierung und Farbmischung verwenden, um Datenkonzentrationen darzustellen.

Library for animated data visualizations and data stories.

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