# chartgpu/chartgpu

**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/chartgpu-chartgpu).**

2,675 stars · 69 forks · TypeScript · mit

## Links

- GitHub: https://github.com/ChartGPU/ChartGPU
- Homepage: https://chartgpu.github.io/ChartGPU/
- awesome-repositories: https://awesome-repositories.com/repository/chartgpu-chartgpu.md

## Topics

`awesome-list` `candlestick-chart` `chart-library` `charting-library` `charts` `data-analysis` `data-visualization` `financial-charts` `gpu` `heatmap` `high-performance` `javascript` `open-source` `scatter-plot` `typescript` `webgpu`

## Description

ChartGPU is a high-performance visualization library designed to render large-scale datasets and real-time data streams using hardware acceleration. It functions as a component-based tool that integrates into declarative user interfaces, allowing developers to build responsive, themeable charts that maintain smooth interaction even when processing massive amounts of information.

The library distinguishes itself through a specialized rendering engine that employs screen-space binning and zoom-aware data resampling to manage dense datasets. It provides advanced interactive capabilities, including the ability to synchronize crosshairs, tooltips, and axis movements across multiple chart instances, ensuring a unified experience when exploring related data views.

Beyond its core rendering capabilities, the library supports comprehensive visual customization, including axis configuration, dynamic annotations, and density heatmaps. It includes built-in diagnostic utilities to monitor frame rates and resource utilization, ensuring that visualizations remain efficient during high-frequency updates or complex data transitions.

## Tags

### User Interface & Experience

- [Charting Libraries](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks/charting-libraries.md) — Ships a high-performance visualization library that uses hardware acceleration to render large-scale datasets and real-time data streams.
- [Component-Based UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-libraries/component-based-ui-libraries.md) — Provides a framework-agnostic visualization tool that integrates into declarative user interfaces for consistent data presentation.
- [Chart Synchronization](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks/charting-libraries/chart-synchronization.md) — Links tooltips, crosshairs, and axis movements across multiple chart instances for a unified data exploration experience.
- [Binning Pipelines](https://awesome-repositories.com/f/user-interface-experience/coordinate-systems/coordinate-converters/screen-space-mappings/binning-pipelines.md) — Groups dense data points into pixel-aligned buckets to generate heatmaps and visual summaries without overwhelming the rendering engine.
- [Axis Tick Formatters](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/visualization-configuration-utilities/axis-tick-formatters.md) — Configures independent vertical axes, tick labels, and grid layouts for diverse data types like currency or time. ([source](https://github.com/chartgpu/chartgpu/blob/main/docs/api/options.md))
- [Chart Appearance Customizers](https://awesome-repositories.com/f/user-interface-experience/terminal-user-interfaces/visual-styling-presentation/interface-appearance-customization/component-appearance-customizers/chart-appearance-customizers.md) — Provides comprehensive options to modify visual elements including axes, series, and themes to match design requirements. ([source](https://github.com/chartgpu/chartgpu/blob/main/docs/api/README.md))

### Repository Format

- [Awesome List](https://awesome-repositories.com/f/repository-format/awesome-list.md) — A community-curated directory that catalogs and links out to other open-source projects, rather than a standalone tool you run yourself.

### Data & Databases

- [Data Visualization Charts](https://awesome-repositories.com/f/data-databases/data-visualization-charts.md) — Provides a high-performance charting library for rendering interactive data visualizations in declarative user interfaces.
- [High-Performance Visualizers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/high-performance-visualizers.md) — Renders massive datasets using hardware acceleration to maintain smooth interaction and high frame rates.
- [Interactive Data Exploration Tools](https://awesome-repositories.com/f/data-databases/interactive-data-exploration-tools.md) — Provides tools like zooming, panning, and crosshairs to navigate and inspect complex data points in real time.
- [Real-Time Charting Engines](https://awesome-repositories.com/f/data-databases/real-time-data-streaming/real-time-charting-engines.md) — Processes and displays high-frequency data streams with optimized performance and smooth visual transitions.
- [Data Exploration](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/analytical-platforms-engines/data-exploration.md) — Supports user-driven data exploration through built-in zooming, panning, tooltips, and crosshairs. ([source](https://github.com/chartgpu/chartgpu/blob/main/docs/api/options.md))
- [Chart Annotations](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/data-visualization/custom-data-line-visualization/chart-annotations.md) — Provides tools to draw custom lines, points, and text labels over specific plot areas using coordinate mapping. ([source](https://github.com/chartgpu/chartgpu/blob/main/docs/api/options.md))

### Part of an Awesome List

- [Graphics and Compute Engines](https://awesome-repositories.com/f/awesome-lists/devtools/graphics-and-compute-engines.md) — High-performance data visualization library for large datasets.

### Graphics & Multimedia

- [GPU-Accelerated UI Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/systems/gpu-accelerated-ui-rendering.md) — Executes high-performance drawing commands directly on the graphics processor to render complex visual elements at high frame rates.
- [Density Grid Visualizers](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/geospatial-visualizations/density-grid-visualizers.md) — Visualizes massive scatter datasets by binning points into screen-space heatmaps to reveal patterns in dense data. ([source](https://github.com/chartgpu/chartgpu/blob/main/docs/api/options.md))
- [Scale-Based Coordinate Mappings](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/scale-based-coordinate-mappings.md) — Translates abstract data values into pixel coordinates using configurable mathematical scales for interactive overlays.

### Software Engineering & Architecture

- [Large Dataset Optimizations](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations.md) — Processes millions of data points using GPU-based binning and zoom-aware sampling to maintain high performance. ([source](https://chartgpu.github.io/ChartGPU/examples/))
- [Viewport-Based Data Loaders](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations/viewport-based-data-loaders.md) — Aggregates and filters massive datasets dynamically based on the current viewport scale to ensure only relevant information is processed.

### Web Development

- [Real-Time Data Streaming](https://awesome-repositories.com/f/web-development/real-time-data-streaming.md) — Refreshes chart visualizations in real time by processing incoming data streams with performance-optimized rendering. ([source](https://cdn.jsdelivr.net/gh/chartgpu/chartgpu@main/docs/GETTING_STARTED.md#getting-started-with-chartgpu))
- [Framework Integrations](https://awesome-repositories.com/f/web-development/framework-integrations.md) — Enables embedding and managing hardware-accelerated charts within declarative component-based user interfaces. ([source](https://cdn.jsdelivr.net/gh/ChartGPU/ChartGPU@main/README.md))

### Development Tools & Productivity

- [Rendering Schedulers](https://awesome-repositories.com/f/development-tools-productivity/task-schedulers/rendering-schedulers.md) — Controls visual update frequency using a request-driven loop to minimize resource consumption during complex interactions.