Awesome GitHub RepositoriesReact Charting Libraries

This project is a community-driven knowledge base that serves as a centralized directory for the React and React Native ecosystems. It functions as a developer discovery portal, aggregating high-quality libraries, frameworks, and learning resources to assist in the research and selection of tools for modern web and mobile application development. The repository distinguishes itself through a hierarchical taxonomy that organizes a fragmented landscape of third-party software into functional domains. By utilizing markdown-based content curation, it provides a structured index that allows develo

vx is a declarative charting framework and SVG data visualization library. It serves as an integration layer that combines D3 mathematical scales and shapes with a component-based UI for rendering visualizations. The project provides a set of building blocks for constructing custom charts and diagrams using React components. It bridges mathematical data and visual representation by utilizing low-level primitives to manage scalable vector graphics without manual document object model manipulations. The library covers a broad capability surface including custom chart development, declarative S

Visx is a collection of modular, low-level primitives designed for building custom data visualizations within a React component architecture. It functions as a toolkit for mapping data to coordinate systems and geometric shapes, allowing developers to construct bespoke charts and graphs that integrate directly into the standard component lifecycle. The library utilizes a decoupled package architecture, enabling the use of specific visualization utilities without requiring the entire framework. By leveraging established mathematical primitives for geometric calculations and functional data tra

Nivo is a responsive charting framework and a React data visualization library that uses D3 for its underlying math logic. It serves as both a collection of interactive chart components for web applications and a server-side visualization engine for generating static data chart images. The project distinguishes itself by providing a containerized chart rendering API, allowing the visualization engine to be deployed via Docker to serve rendered graphics as images or files through a programmatic interface. It also features a motion engine for animated data transitions, ensuring smooth visual sh

Victory is a React data visualization library and composable visualization toolkit used to build interactive charts and graphs. It functions as an SVG charting framework that renders scalable data visualizations designed to maintain consistency across different web browsers and operating systems. The project provides a collection of reusable UI primitives that combine to form complex interactive data layouts. This component-based approach allows for the construction of sophisticated graphs by composing modular visualization elements within React applications.

DataV is a big screen visualization framework designed for high-impact data displays. It provides a collection of libraries for both Vue and React to build large-scale data dashboards featuring interactive charts and visual elements. The toolkit includes a specialized decoration kit of scalable vector graphics used to add borders and frames to professional data display screens. It focuses on complex data visualization, including the rendering of specialized charts such as water level and flight line maps. The framework covers a broad capability surface for data dashboard visualization, provi

react-vis est une bibliothèque de visualisation de données React et un framework de création de graphiques déclaratif utilisé pour créer des représentations graphiques composables. Il fournit un système pour rendre des visualisations complexes en composant des blocs de construction simples en structures de graphiques plus larges. La bibliothèque inclut des outils spécialisés pour le mappage de données hiérarchiques via des diagrammes sunburst et des tree maps, ainsi que la visualisation de flux et de relations utilisant des diagrammes de Sankey. Elle fournit également un visualiseur de données multivariées pour tracer des données de haute dimension via des coordonnées parallèles, des graphiques radar et des visualisations radiales. Le framework prend en charge les implémentations de graphiques standard pour les graphiques en ligne, en barres et en secteurs, ainsi que la gestion des légendes et les tracés de coordonnées orthogonales. Ces visualisations sont générées en utilisant des graphiques vectoriels scalables (SVG).

react-vis is a declarative, component-based React data visualization library. It provides a framework of reusable building blocks for rendering interactive charts and graphs by mapping raw data to visual attributes such as position, color, and size. The system leverages D3 for its scaling and layout logic. The library is distinguished by its ability to handle complex data relationships, including hierarchical data via tree maps and circle packing, as well as multidimensional analysis using parallel axes and radar charts. It also supports network flow mapping to illustrate the volume and direc

react-chartjs-2 is a data visualization library that provides a set of React components acting as a wrapper for Chart.js. It allows for the rendering of interactive charts and graphs within a React application using a declarative approach. The library manages HTML5 canvas charting components by tying the lifecycle of Chart.js instances to the mounting and unmounting of the React component tree. It translates component props into the configuration objects required by the underlying engine to map datasets to visual elements. The project covers a range of frontend integration capabilities, incl

react-chartjs-2 is a data visualization library that provides a set of React components to integrate the Chart.js library. It serves as a component-based charting interface for rendering dynamic data visualizations and graphs based on structured data sets. The project provides a declarative way to manage chart configurations and data updates. It maps component props to the underlying charting engine, allowing users to modify visual options and data dynamically to refresh displays. The library covers broader data visualization development, including the implementation of dynamic dashboards an

BizCharts is a React charting library that wraps the G2 grammar of graphics, providing declarative React components for building interactive data visualizations. It bridges G2's imperative charting API with React's declarative component model, enabling chart creation through nested component composition without writing imperative code. The library distinguishes itself by mapping G2's grammar of graphics primitives directly to React component types, allowing chart series like line, bar, and scatter to be expressed as interchangeable React components. It synchronizes G2 chart instance creation,

MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

echarts-for-react est une bibliothèque de graphiques React et un composant de visualisation de données qui sert de wrapper pour la bibliothèque Apache ECharts. Il permet le rendu de visuels de données et de graphiques complexes au sein d'une architecture basée sur des composants en utilisant des configurations déclaratives. La bibliothèque fournit un mécanisme pour accéder à l'instance de visualisation sous-jacente, permettant des opérations de bas niveau telles que l'exportation d'images et le redimensionnement manuel. Elle prend également en charge la liaison de fonctions personnalisées aux événements de visualisation pour déclencher une logique d'application basée sur les interactions de l'utilisateur. L'ensemble d'outils couvre la configuration du comportement général des graphiques et les stratégies de mise à jour. Il prend également en charge l'importation uniquement de composants spécifiques pour réduire la taille globale du bundle de l'application.

react-stockcharts est une bibliothèque de graphiques financiers construite avec React et D3 pour visualiser les données de prix du marché. Elle fournit un système pour rendre des graphiques boursiers et des visualisations en chandeliers afin de représenter les mouvements du marché. La bibliothèque fonctionne comme un outil d'analyse technique qui calcule et superpose des indicateurs de trading mathématiques sur les graphiques de prix. Elle inclut une interface interactive pour naviguer dans les données financières via le zoom, le panoramique et l'ajout d'annotations géométriques manuelles. Le projet couvre la visualisation de données financières, le suivi des prix du marché et la création de tableaux de bord de trading interactifs.

Ce projet est une bibliothèque de graphiques conçue pour le framework React Native, fournissant une collection de composants réutilisables pour rendre des visualisations de données au sein d'applications mobiles. Il fonctionne comme un outil d'interface multiplateforme qui mappe des tableaux de coordonnées à des éléments graphiques, permettant aux développeurs d'afficher des informations statistiques de manière cohérente sur les environnements iOS et Android. La bibliothèque permet la création de graphiques linéaires, à barres et circulaires via une structure de composants déclarative. En mappant les propriétés JavaScript aux primitives de dessin spécifiques à la plateforme, elle facilite l'intégration de tableaux de bord analytiques interactifs et de mesures de performance dans les interfaces mobiles. L'implémentation repose sur le mappage de composants de vue natifs et des API de dessin direct pour rendre des formes graphiques sur les écrans mobiles. Elle est distribuée en tant que package pour les projets React Native, prenant en charge la configuration des axes et des styles visuels pour représenter des jeux de données dynamiques.

Rough Charts est une bibliothèque de graphiques basée sur React qui fournit un ensemble de composants modulaires pour construire des visualisations de données. Elle permet la création de graphiques personnalisés grâce à une syntaxe déclarative, permettant aux développeurs de composer des mises en page complexes en imbriquant des éléments individuels comme des axes, des séries et des infobulles. La bibliothèque se distingue en appliquant une esthétique procédurale « dessinée à la main » à tous les graphiques rendus. En utilisant des décalages aléatoires pour générer des chemins de lignes irréguliers, elle produit des visualisations qui imitent l'apparence de croquis. Ce style est appliqué aux éléments de graphique standard pour offrir un ton visuel créatif et informel pour les rapports web. La bibliothèque gère les exigences techniques de la représentation de données sur le web en gérant les mises en page de conteneurs réactifs et en synchronisant les mises à jour visuelles avec les changements de données sous-jacents. Elle rend ces visualisations sous forme de graphiques vectoriels directement au sein du DOM (Document Object Model) du navigateur.