# ant-design/ant-design-charts

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/ant-design-ant-design-charts).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

2,228 stars · 491 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/ant-design/ant-design-charts
- Homepage: https://ant-design-charts.antgroup.com/
- awesome-repositories: https://awesome-repositories.com/repository/ant-design-ant-design-charts.md

## Topics

`ant-design` `antv` `react-components` `visualization`

## Description

Ant Design Charts is a data visualization framework and declarative component library designed for React applications. It provides a collection of reusable components that map complex datasets to graphical representations, enabling the creation of interactive charts, plots, and maps within web interfaces.

The library utilizes a grammar-based mapping system to transform raw data into visual properties, supported by a layered graphic abstraction that separates data representation from interactive elements. It employs a canvas-based rendering engine to maintain performance when handling large datasets and uses an event-driven system to manage user interactions and real-time visual feedback.

The framework supports the development of business intelligence reporting tools, geospatial data mapping, and responsive web dashboards. It includes built-in observation capabilities that automatically detect container dimension changes to adjust layouts and scales, ensuring consistent readability across different screen sizes.

## Tags

### User Interface & Experience

- [React Charting Libraries](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks/react-charting-libraries.md) — Provides a collection of reusable components for rendering interactive data visualizations, plots, and maps within React applications.
- [Declarative Charting Components](https://awesome-repositories.com/f/user-interface-experience/declarative-charting-components.md) — Provides modular building blocks for constructing data visualizations through nested component composition.
- [Declarative Component Libraries](https://awesome-repositories.com/f/user-interface-experience/declarative-component-libraries.md) — Provides a library for building user interfaces using pre-built components that manage layout and drawing logic.
- [Responsive Layout Scaling](https://awesome-repositories.com/f/user-interface-experience/responsive-layout-scaling.md) — Adjusts chart dimensions and visual elements automatically to fit the available space of a parent container. ([source](https://github.com/ant-design/ant-design-charts#readme))
- [Responsive Dashboards](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/responsive-dashboards.md) — Enables the creation of data-driven interfaces that automatically adjust their layout and chart dimensions for responsive dashboards.

### Data & Databases

- [Interactive Data Charting](https://awesome-repositories.com/f/data-databases/interactive-data-charting.md) — Provides pre-built components for rendering interactive charts, graphs, and maps within web applications. ([source](https://github.com/ant-design/ant-design-charts#readme))

### Graphics & Multimedia

- [Data Graphics Frameworks](https://awesome-repositories.com/f/graphics-multimedia/data-graphics-frameworks.md) — Acts as a framework for the consistent and principled visual representation of quantitative metrics.
- [Geometric Data Mappings](https://awesome-repositories.com/f/graphics-multimedia/geometric-data-mappings.md) — Transforms raw data into visual properties by applying a formal specification that maps data fields to geometric shapes.
- [Geospatial Data Mapping](https://awesome-repositories.com/f/graphics-multimedia/geospatial-data-mapping.md) — Renders interactive maps and geographic visualizations to display location-based information and spatial relationships.

### Part of an Awesome List

- [Charts and Visualization](https://awesome-repositories.com/f/awesome-lists/data/charts-and-visualization.md) — Maps raw data fields to visual properties to transform large information sets into interactive graphical charts. ([source](https://github.com/ant-design/ant-design-charts/blob/master/README.md))
- [Canvas-Based Rendering](https://awesome-repositories.com/f/awesome-lists/media/graphics-rendering/canvas-based-rendering.md) — Uses an HTML5 canvas-based rendering engine to maintain high performance when rendering large datasets.

### Business & Productivity Software

- [Business Intelligence Tools](https://awesome-repositories.com/f/business-productivity-software/business-intelligence-tools.md) — Supports the development of analytical tools that transform raw information into graphical representations for business intelligence.