For une bibliothèque de graphiques pour créer des tableaux de bord avec React, the strongest matches are alibaba/bizcharts (BizCharts is a React charting library that offers declarative), plouc/nivo (Nivo is a React charting library offering a wide) and hustcc/echarts-for-react (echarts-for-react wraps the powerful Apache ECharts library into a). formidablelabs/victory and recharts/recharts round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Composants de visualisation de données haute performance pour créer des tableaux de bord analytiques interactifs dans des applications React.
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,
BizCharts is a React charting library that offers declarative components for multiple chart types (line, bar, scatter, etc.) with interactive features via G2, fitting the dashboard use case—though it focuses on composing individual charts rather than providing ready-made dashboard layouts.
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
Nivo is a React charting library offering a wide variety of interactive chart types (bar, line, pie, etc.) with responsive design and theming, making it a strong fit for data dashboards, though it lacks built-in zoom/pan and dedicated dashboard layout tools.
echarts-for-react is a React chart library and data visualization component that serves as a wrapper for the Apache ECharts library. It allows for the rendering of complex data visuals and graphs within a component-based architecture using declarative configurations. The library provides a mechanism to access the underlying visualization instance, enabling low-level operations such as image exporting and manual resizing. It also supports binding custom functions to visualization events to trigger application logic based on user interactions. The toolset covers general chart behavior configur
echarts-for-react wraps the powerful Apache ECharts library into a React component, giving you a comprehensive charting solution with many chart types, interactivity, theming, and large dataset support — a natural fit for building data dashboards.
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.
Victory is a mature React charting library with composable, interactive SVG charts, multiple chart types, theming, and responsive containers—making it a strong fit for building data dashboards.
This project is a declarative data visualization library that provides a composable suite of user interface components for rendering interactive charts. It functions as an SVG-based charting engine, allowing developers to construct complex visualizations by nesting modular building blocks such as axes, grids, legends, and data series within a unified layout. The library distinguishes itself through a highly responsive architecture that automatically reconciles layout changes and maps data domains to pixel coordinates using mathematical scale functions. It prioritizes performance through memoi
Recharts is a declarative, composable React charting library built on SVG that provides a rich set of interactive chart types, responsive layouts, and customization, making it an excellent fit for building data dashboards.
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 React wrapper for Chart.js, giving you a declarative way to add multiple chart types and interactivity (tooltips, zoom) to dashboards — it fits the category well but leaves composable layouts and large-dataset optimization to you.
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
react-chartjs-2 is a React wrapper around Chart.js that gives you interactive, multi-type chart components with tooltips, responsive sizing, and customizable styling — it fits your dashboard charting needs perfectly, though you’d need to compose the layout separately.
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-vis is a declarative, component-based React charting library with a wide range of interactive chart types (including tables, treemap, parallel coordinates) and built‑in interaction utilities like crosshairs and brush tools, making it well‑suited for building data dashboards, though dashboard‑specific layout composability is not a primary focus.
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
vx is a low-level React charting framework that combines D3 primitives with React components; it gives you building blocks for custom dashboards but lacks pre-built chart types and dashboard layouts, so you'll need to assemble everything yourself.
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
Datav is a data visualization framework that includes React-compatible libraries and specializes in building interactive big-screen dashboards with multiple chart types, making it a valid match for a React charting library for dashboards, though its primary focus on large-screen displays may limit some standard interactive features like tooltips and zoom.
react-vis is a React data visualization library and declarative charting framework used to create composable graphical representations. It provides a system for rendering complex visualizations by composing simple building blocks into larger chart structures. The library includes specialized tools for hierarchical data mapping via sunburst diagrams and tree maps, as well as flow and relationship visualization using Sankey diagrams. It also provides a multivariate data visualizer for plotting high-dimensional data through parallel coordinates, radar charts, and radial visualizations. The fram
React-Vis is a React-based declarative charting library with a wide variety of chart types and composable components, fitting the need for a React charting library, but it focuses more on general data visualization than dashboard-specific interactive features like zoom, pan, or responsive layouts.
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
MUI X is a collection of React UI components that includes a charting library, making it a viable choice for building interactive dashboards with multiple chart types, responsive design, and customizable theming, though explicit support for features like tooltips, zoom, and large-dataset handling in charts is not clearly stated.
This library provides a set of tools for building dynamic data visualizations within React applications. It functions as a declarative framework that allows developers to define complex graphical representations through configuration settings rather than manual manipulation of the document object model. The library specializes in rendering interactive Cartesian charts, including line, bar, bubble, and area plots. It distinguishes itself by utilizing a coordinate-system-based mapping approach that translates raw data into pixel positions, combined with a component-based architecture that enabl
TanStack React Charts is a React-native charting library that provides interactive, D3-powered components, making it a good fit for building dashboard visualizations, though its feature set may be simpler and less comprehensive than some alternatives for large datasets or layout composition.
Rough Charts is a React-based charting library that provides a set of modular components for building data visualizations. It enables the creation of custom charts and graphs through a declarative syntax, allowing developers to compose complex layouts by nesting individual elements like axes, series, and tooltips. The library distinguishes itself by applying a procedural, hand-drawn aesthetic to all rendered graphics. By utilizing randomized offsets to generate irregular line paths, it produces visualizations that mimic the appearance of sketches. This style is applied to standard chart eleme
This is a React component library for creating charts with a hand-drawn style, and while it is responsive and composable for dashboards, its niche aesthetic may limit chart variety and interactive features compared to more comprehensive libraries.
| Dépôt | Stars | Langage | Licence | Dernier push |
|---|---|---|---|---|
| alibaba/bizcharts | 6.2K | TypeScript | — | |
| plouc/nivo | 14K | TypeScript | MIT | |
| hustcc/echarts-for-react | 5K | TypeScript | MIT | |
| formidablelabs/victory | 11.2K | TypeScript | NOASSERTION | |
| recharts/recharts | 27.2K | TypeScript | MIT | |
| jerairrest/react-chartjs-2 | 6.9K | TypeScript | MIT | |
| reactchartjs/react-chartjs-2 | 6.9K | TypeScript | MIT | |
| uber/react-vis | 8.8K | JavaScript | MIT | |
| hshoff/vx | 20.9K | TypeScript | MIT | |
| datav-team/datav | 9.7K | Vue | MIT |