# React Dashboard Charting Libraries > Search results for `charting library for building dashboards in React` on awesome-repositories.com. 109 total matches; showing the first 50. Explore on the web: https://awesome-repositories.com/q/charting-library-for-building-dashboards-in-react **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/charting-library-for-building-dashboards-in-react).** ## Results - [keen/dashboards](https://awesome-repositories.com/repository/keen-dashboards.md) (11,038 ⭐) — This project is a collection of responsive CSS Grid dashboard templates and a data visualization UI kit. It provides a set of HTML layouts designed for building analytics interfaces and monitoring views for KPIs and business metrics that adapt to different screen sizes. The toolkit is library-agnostic, allowing the connection of static HTML templates to any external data source or third-party charting library without requiring custom adapter code. It uses a template-driven approach to separate the visual structure of the dashboard from the underlying data. The capabilities cover the assembly - [danielgindi/charts](https://awesome-repositories.com/repository/danielgindi-charts.md) (28,005 ⭐) — Charts is a data visualization framework and charting library for iOS, tvOS, and macOS. It provides a set of graphical components used to render interactive line, bar, pie, and scatter charts to represent complex data sets. The project serves as an implementation of a charting library adapted specifically for the Apple ecosystem. It includes a rendering engine capable of plotting data points directly from database records. The framework covers a broad range of visualization capabilities, including interactive data exploration via zooming and panning gestures, visual style customization for c - [apexcharts/apexcharts.js](https://awesome-repositories.com/repository/apexcharts-apexcharts-js.md) (15,096 ⭐) — ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces. The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c - [filamentphp/filament](https://awesome-repositories.com/repository/filamentphp-filament.md) (31,215 ⭐) — Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo - [chartscss/charts.css](https://awesome-repositories.com/repository/chartscss-charts-css.md) (6,569 ⭐) — charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br - [elemefe/v-charts](https://awesome-repositories.com/repository/elemefe-v-charts.md) (6,770 ⭐) — v-charts is a Vue charting framework and component library that provides a simplified interface for rendering complex data visualizations. It acts as a wrapper for the ECharts visualization engine, allowing the creation of customizable charts and graphs within Vue applications. The library focuses on simplifying the integration of ECharts by replacing manual configuration with reusable components. It maps simplified data inputs to the required configuration objects and synchronizes the chart lifecycle with the framework to manage instance creation and disposal. The project covers frontend ch - [chartsorg/charts](https://awesome-repositories.com/repository/chartsorg-charts.md) (28,000 ⭐) — Charts is a mobile data visualization library designed for rendering interactive graphical representations of complex datasets. It provides a declarative configuration interface that maps data structures to visual components, supporting a variety of chart types including line, bar, pie, scatter, and radar plots. The library distinguishes itself through a hardware-accelerated drawing layer that ensures high-performance rendering across mobile platforms. It features a gesture-driven transformation engine that enables users to pan, zoom, and scale views, alongside an interpolated animation syste - [chartjs/chart.js](https://awesome-repositories.com/repository/chartjs-chart-js.md) (67,526 ⭐) — Chart.js is a declarative data visualization framework that renders interactive, responsive charts directly onto an HTML5 canvas element. It functions as a configuration-driven engine, transforming structured datasets into complex graphical representations by merging user-defined settings with global defaults. The library utilizes a high-performance rendering pipeline that executes drawing commands during each animation frame to maintain smooth visual feedback. The project distinguishes itself through a modular, extensible architecture that allows developers to register custom scales, control - [frappe/charts](https://awesome-repositories.com/repository/frappe-charts.md) (15,088 ⭐) — This project is a client-side data visualization framework and SVG charting library used to render responsive, interactive charts in a web browser. It functions as a lightweight utility for generating scalable vector graphics and data annotations without external dependencies. The library enables the creation of custom SVG charts with adjustable colors and animations to meet specific design requirements. It supports dynamic data updates and the addition of markers, regions, and tooltips to provide context to specific data points. The system covers broad capability areas including responsive - [grahammccain/chart-library-mcp](https://awesome-repositories.com/repository/grahammccain-chart-library-mcp.md) (17 ⭐) — MCP server for Chart Library — visual chart pattern search engine. Find similar historical stock charts and see what happened next. - [uber/react-vis](https://awesome-repositories.com/repository/uber-react-vis.md) (8,781 ⭐) — 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 - [formbricks/formbricks](https://awesome-repositories.com/repository/formbricks-formbricks.md) (12,391 ⭐) — Formbricks is an open-source survey and feedback platform designed to help teams capture and analyze user insights through targeted, in-app, and website-based interactions. It functions as a comprehensive customer experience analytics system that allows organizations to maintain full control over their data, user attributes, and survey workflows. The platform distinguishes itself through its event-driven architecture, which enables precise behavioral targeting by triggering surveys based on specific user actions or application events. It supports deep integration with external ecosystems by a - [flatlogic/react-dashboard](https://awesome-repositories.com/repository/flatlogic-react-dashboard.md) (1,642 ⭐) — 🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥 - [formidablelabs/victory](https://awesome-repositories.com/repository/formidablelabs-victory.md) (11,242 ⭐) — 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. - [alibaba/bizcharts](https://awesome-repositories.com/repository/alibaba-bizcharts.md) (6,198 ⭐) — 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, - [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow. - [react-d3-library/react-d3-library](https://awesome-repositories.com/repository/react-d3-library-react-d3-library.md) (1,537 ⭐) — Open source library for using D3 in React - [grafana/grafana](https://awesome-repositories.com/repository/grafana-grafana.md) (74,456 ⭐) — Grafana is an observability data platform designed to aggregate metrics, logs, and traces from diverse sources into a unified environment. It functions as a centralized interface for visualizing complex telemetry data, transforming raw streams into interactive dashboards that support real-time system health tracking and performance monitoring. The platform distinguishes itself through a plugin-based modular architecture that integrates disparate databases, cloud services, and monitoring tools via a standardized data abstraction layer. This framework allows for the dynamic loading of external - [hshoff/vx](https://awesome-repositories.com/repository/hshoff-vx.md) (20,867 ⭐) — 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 - [prazas/react-native-charts](https://awesome-repositories.com/repository/prazas-react-native-charts.md) (85 ⭐) — Configurable react-native charting library– (right now just bar charts). - [rumble-charts/rumble-charts](https://awesome-repositories.com/repository/rumble-charts-rumble-charts.md) (344 ⭐) — React components for building composable and flexible charts - [emotion-js/emotion](https://awesome-repositories.com/repository/emotion-js-emotion.md) (18,017 ⭐) — This project is a styling library and framework designed for component-based architectures, enabling developers to define and manage visual styles directly within JavaScript or TypeScript. It functions as a styling engine that generates unique class names from style definitions, ensuring encapsulated, predictable, and maintainable visual presentation across applications. By integrating with component logic, it allows for the creation of reusable UI elements with styles defined through template literals or object syntax. The library distinguishes itself through a comprehensive suite of build-t - [jerairrest/react-chartjs-2](https://awesome-repositories.com/repository/jerairrest-react-chartjs-2.md) (6,933 ⭐) — 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 - [expo/expo](https://awesome-repositories.com/repository/expo-expo.md) (50,111 ⭐) — Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission. The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules wit - [esnet/react-timeseries-charts](https://awesome-repositories.com/repository/esnet-react-timeseries-charts.md) (877 ⭐) — Declarative and modular timeseries charting components for React - [reactchartjs/react-chartjs-2](https://awesome-repositories.com/repository/reactchartjs-react-chartjs-2.md) (6,933 ⭐) — 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 - [brillout/awesome-react-components](https://awesome-repositories.com/repository/brillout-awesome-react-components.md) (47,788 ⭐) — This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com - [jesperlekland/react-native-svg-charts](https://awesome-repositories.com/repository/jesperlekland-react-native-svg-charts.md) (2,403 ⭐) — 📈 One library to rule all charts for React Native 📊 - [plouc/nivo](https://awesome-repositories.com/repository/plouc-nivo.md) (14,039 ⭐) — 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 - [chakra-ui/chakra-ui](https://awesome-repositories.com/repository/chakra-ui-chakra-ui.md) (40,438 ⭐) — Chakra UI is a design system component library and styling framework that provides a foundation for building consistent, accessible web interfaces. It functions as a centralized theme configuration engine, using a design-token-driven architecture to manage visual properties like color palettes and spacing rules as a single source of truth across an entire application. The framework distinguishes itself through a type-safe styling utility that automatically generates TypeScript definitions from theme configurations, ensuring accurate property referencing and editor autocompletion. It employs a - [rakannimer/react-google-charts](https://awesome-repositories.com/repository/rakannimer-react-google-charts.md) (1,720 ⭐) — A thin, typed, React wrapper over Google Charts Visualization and Charts API. - [datav-team/datav](https://awesome-repositories.com/repository/datav-team-datav.md) (9,667 ⭐) — 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 - [clickhouse/clickhouse](https://awesome-repositories.com/repository/clickhouse-clickhouse.md) (48,229 ⭐) — ClickHouse is a high-performance, columnar analytical database designed for real-time query execution and large-scale data aggregation. It functions as a distributed data warehouse capable of processing petabytes of information, while also providing an embedded engine that integrates directly into applications for native query capabilities without external dependencies. The system is built to handle high-throughput ingestion and complex analytical workloads, delivering millisecond-level latency for interactive dashboards and operational monitoring. The platform distinguishes itself through ad - [airbnb/visx](https://awesome-repositories.com/repository/airbnb-visx.md) (20,629 ⭐) — 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 - [table-library/react-table-library](https://awesome-repositories.com/repository/table-library-react-table-library.md) (795 ⭐) — React Table Library - [kestra-io/kestra](https://awesome-repositories.com/repository/kestra-io-kestra.md) (27,073 ⭐) — Kestra is a declarative workflow orchestrator designed to manage complex task dependencies and automated processes through versioned configuration files. It functions as a distributed platform that decouples task scheduling from execution by offloading computational workloads to a fleet of worker nodes. The system uses a reactive, event-driven engine to initiate workflows automatically in response to external signals, webhooks, schedules, or file system changes. The platform distinguishes itself through a modular plugin architecture that allows for the integration of custom tasks and external - [larry-xue/react-admin-dashboard](https://awesome-repositories.com/repository/larry-xue-react-admin-dashboard.md) (35 ⭐) — A React admin dashboard template developed with React 18 + TypeScript + Vite 5 + Ant Design v5 + React Router v6 + Zustand v4 + Ant Design Charts. - [enaqx/awesome-react](https://awesome-repositories.com/repository/enaqx-awesome-react.md) (73,650 ⭐) — 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 - [ankane/chartkick](https://awesome-repositories.com/repository/ankane-chartkick.md) (6,526 ⭐) — Chartkick is a Ruby on Rails visualization library and JavaScript charting wrapper that provides a high-level interface for integrating interactive charts into web applications. It functions as a multi-engine charting adapter, wrapping various JavaScript charting libraries to provide a consistent API for rendering data visualizations. The project is distinguished by its engine abstraction, which allows users to switch between different JavaScript charting libraries without modifying the underlying data sources. It also supports asynchronous data visualization, fetching chart data from remote - [onefold/react-native-chart](https://awesome-repositories.com/repository/onefold-react-native-chart.md) (1,569 ⭐) — [NOT MAINTAINED] :bar_chart: Add line, area, pie, and bar charts to your React Native app - [kevinzhow/pnchart](https://awesome-repositories.com/repository/kevinzhow-pnchart.md) (9,653 ⭐) — PNChart is an iOS charting framework and data visualization library designed for rendering interactive visual data representations within native Apple mobile environments. It provides a toolkit for creating animated line and pie charts to illustrate data trends and proportional datasets. The library specializes in animated data representation, using motion effects and transitions to highlight information changes over time. It supports real-time chart data updates, allowing visualizations to reflect new information dynamically without rebuilding the entire user interface. The framework covers - [adonpro/react-native-build-cli](https://awesome-repositories.com/repository/adonpro-react-native-build-cli.md) (5 ⭐) — a tool for react-native build - [nocobase/nocobase](https://awesome-repositories.com/repository/nocobase-nocobase.md) (21,542 ⭐) — This platform is a modular, metadata-driven framework designed for building custom business applications and data management systems without traditional coding. It functions as a low-code environment where data models, user interfaces, and business logic are defined through visual configurations rather than hardcoded views. The architecture supports multi-tenant isolation, allowing multiple independent applications to run within a single shared memory space while maintaining strict logical separation of data and configurations. What distinguishes this system is its deep integration of artific - [capitalone/react-native-pathjs-charts](https://awesome-repositories.com/repository/capitalone-react-native-pathjs-charts.md) (878 ⭐) — Android and iOS charts based on react-native-svg and paths-js - [margelo/react-native-graph](https://awesome-repositories.com/repository/margelo-react-native-graph.md) (2,547 ⭐) — This project is a cross-platform mobile graphing library designed for rendering high-performance animated line charts and data visualizations. It functions as a canvas-based data visualization system and interactive charting component for mobile applications. The library focuses on animated data visualization, using interpolation to create smooth visual transitions between different data sets. It utilizes a GPU-accelerated graphics engine to maintain high frame rates and fluid transitions during data updates. The capability surface includes interaction systems for tracking pan gestures and d - [testing-library/react-testing-library](https://awesome-repositories.com/repository/testing-library-react-testing-library.md) (19,606 ⭐) — React Testing Library is a testing framework for verifying React components by interacting with rendered output instead of internal implementation details. It functions as a DOM testing utility and a frontend integration testing tool that mounts components into a virtual document object model for execution within Node.js environments. The library utilizes an accessibility-first query engine to locate user interface elements via ARIA roles and labels. This approach ensures web accessibility standards are met by mirroring how users perceive the interface rather than relying on implementation-sp - [novus/nvd3](https://awesome-repositories.com/repository/novus-nvd3.md) (7,227 ⭐) — 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 - [cube-js/cube](https://awesome-repositories.com/repository/cube-js-cube.md) (20,251 ⭐) — Cube is a semantic data layer that provides a unified framework for defining business metrics, dimensions, and relationships across diverse data sources. By acting as a headless business intelligence engine, it transforms raw data into a governed model that can be queried via SQL, REST, and GraphQL interfaces. This architecture ensures consistent data definitions and logic across all downstream analytical applications and reporting tools. The platform distinguishes itself through its integrated conversational AI capabilities, which allow users to explore data using natural language. It orches - [asbjornenge/thinking-in-react](https://awesome-repositories.com/repository/asbjornenge-thinking-in-react.md) (179 ⭐) — A workshopper module for learning React, based on thinking in react. - [n3-charts/line-chart](https://awesome-repositories.com/repository/n3-charts-line-chart.md) (1,198 ⭐) — Awesome charts for AngularJS.