Built something? We create video reels & spotlights for GitHub projects.Promote your project →
TanStack
Home / TypeScript / charts

TanStack/charts

A tiny TypeScript visualization grammar for responsive, accessible, server-rendered charts—powered by granular D3 primitives.

TypeScript ◇ accessible-charts MIT
★829STARS
⑂51FORKS
!44ISSUES
🏆#6,367GLOBAL RANK
🔥2DAYS TRENDING
🚀
Maintainer Growth Kit for charts

Claim this project, add your verified backlink badge to your README, and download milestone cards.

Claim Repo

Star History

Continuous Observations
Interactive star growth chart for TanStack/charts
CSV
⭐ VIRAL README KIT

Add Live Star History & Verified Badges to README.md

Keep your repository README looking professional and dynamic. As our continuous crawler records new stars, these official SVG badges update in real time with zero maintenance.

Open README on GitHub ↗
Option 1: Interactive Star History Chart Dynamic SVG

Renders your high-resolution star trajectory chart right inside your GitHub README or project docs.

TanStack/charts Star History Preview
markdown
[![Star History Chart](https://githubrepo.cloud/api/badge/chart/TanStack/charts.svg?theme=dark)](https://githubrepo.cloud/repo/TanStack/charts?utm_source=readme_chart)
Direct SVG Link ↗
Option 2: Verified Shields Badges Shields.io Style

Compact Shields-style badges for your README header. Shows real-time stars and global ranking.

Featured badge Stars badge Rank badge
markdown (badge trio)
[![Featured on GitHubRepo.cloud](https://githubrepo.cloud/badge/TanStack/charts.svg?metric=featured)](https://githubrepo.cloud/repo/TanStack/charts?utm_source=readme_badge) [![GitHubRepo Stars](https://githubrepo.cloud/badge/TanStack/charts.svg?metric=stars)](https://githubrepo.cloud/repo/TanStack/charts?utm_source=readme_badge) [![Global Rank](https://githubrepo.cloud/badge/TanStack/charts.svg?metric=rank)](https://githubrepo.cloud/repo/TanStack/charts?utm_source=readme_badge)

Momentum

+21

STARS · LAST 30 DAYS

1

PER DAY

#753

MOST-STARRED TypeScript

Window7 days30 days90 days
Stars gained+7+21+90
Per day111
Forks gained+1+3+10

charts gained 21 stars in the last 30 days, about 1 a day, and now has 829. It is about 1 year old and has averaged roughly 829 stars a year. It ranks #753 among TypeScript repositories and #6,367 across all languages on GitHubRepo.

Trending Record

charts has maintained a continuous presence across global trending indexes, peaking at #7252. Below is the 30-day activity profile:

💡 Overview

charts is an open-source project written in TypeScript: A tiny TypeScript visualization grammar for responsive, accessible, server-rendered charts—powered by granular D3 primitives.

Engineered for speed, consistency, and developer ease, it solves common hurdles in accessible-charts, charting-library, charts. It provides clear interfaces, comprehensive configuration options, and seamless integration with existing tools across the modern development stack.

⚡ Key Features

1

Optimized execution pipeline written in TypeScript for predictable speed.

2

Zero-friction configuration with comprehensive sensible defaults out of the box.

3

Cross-platform runtime support across Linux, macOS, and Windows environments.

4

Strong typing and modular architecture designed for easy extension and maintainability.

5

Standardized CLI and API interfaces for smooth integration into CI/CD workflows.

6

Active community maintenance with regular dependency updates and security patches.

📥 Installation

terminal
$ npm install charts

⚙ System Requirements

Platforms

  • • macOS
  • • Linux
  • • Windows

Runtime & Dependencies

Node.js >= 18, npm, pnpm or bun

Architecture

x86_64, ARM64 (Apple Silicon & Graviton)

🧠 How It Works

charts coordinates its core functionality through a modular TypeScript pipeline. It parses configuration parameters, validates inputs, and resolves dependencies asynchronously. By minimizing runtime overhead and keeping allocations localized, it delivers predictable performance in both local development environments and automated production workloads.

🎯 Production Use Cases

Modern Web Interfaces

Build dynamic, responsive user experiences with component-driven architecture.

Enterprise Design Systems

Standardize design tokens, accessible widgets, and themes across engineering teams.

Interactive Data Dashboards

Render real-time telemetry, user feeds, and analytics with sub-millisecond updates.

Cross-Platform Web Apps

Deploy performant single-page applications optimized for both mobile and desktop browsers.

🚀 Getting Started

1

Install charts using your package manager: `npm install charts`

2

Initialize your project workspace or configuration file for charts.

3

Import charts into your codebase or invoke it directly from your terminal.

4

Execute your test suite or run `charts --help` to verify successful setup.

👍 Strengths

Active community backing with 829 GitHub stars and verified adoption.
Permissive open-source distribution under the MIT license.
Built in TypeScript for high execution speed and developer familiarity.
Cross-platform compatibility across modern Linux, macOS, and Windows environments.
Clean modular design allowing flexible configuration and pipeline integration.

⚠️ Considerations

Requires familiarity with TypeScript and modern CLI workflows.
Ecosystem extensions may require manual configuration depending on environment constraints.
Active development roadmap means breaking API changes may occur across major versions.

⇄ Alternatives & Direct Competitors

F
freeCodeCamp/freeCodeCamp ★ 456.6K TypeScript

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

Compare ↗
O
openclaw/openclaw ★ 391.9K TypeScript

The AI that really does things. Any OS. Any Platform. The lobster way. 🦞

Compare ↗
D
deepseek-ai/deepseek-harness ★ 241.6K TypeScript

DeepSeek Harness: Everything is a Plugin.

Compare ↗
V
vuejs/vue ★ 212.8K TypeScript

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

Compare ↗

👥 Who Should Use This

Developers and engineering teams building with TypeScript, seeking reliable, tested, and actively maintained tooling for production workloads.

🏆 Nearby in the Rankings

TanStack/charts is currently ranked #6,367 by stars across every repository tracked on GitHubRepo. These are adjacent projects:

RankRepositoryLanguageStarsAction
#6,359 bas3line/ascii TypeScript ★ 832 Compare ↗
#6,363 ASC-Community/AngouriMath C# ★ 831 Compare ↗
#6,363 pop-os/cosmic-comp Rust ★ 831 Compare ↗
#6,363 gianlucam76/k8s-cleaner Go ★ 831 Compare ↗
#6,366 ml-explore/mlx-swift-lm Swift ★ 830 Compare ↗
#6,367 TanStack/charts This Project TypeScript ★ 829
#6,367 plank/laravel-mediable PHP ★ 829 Compare ↗
#6,367 redhat-developer/vscode-yaml TypeScript ★ 829 Compare ↗
#6,367 saschagrunert/kubernix Rust ★ 829 Compare ↗
#6,367 splunk/attack_data Python ★ 829 Compare ↗
#6,367 intel/gprofiler Python ★ 829 Compare ↗
SPONSORED Trending Developer Tools & Services

Frequently Asked Questions

What does charts do? +

A tiny TypeScript visualization grammar for responsive, accessible, server-rendered charts—powered by granular D3 primitives.

What language is charts written in? +

The primary language is TypeScript. Topics include: accessible-charts, charting-library, charts, d3, data-visualization.

Is charts actively maintained? +

Yes, the last recorded push was on Oct 13, 2026 with 44 open issues being tracked.

How many stars does charts have? +

charts has 829 stars and 51 forks on GitHub.

How does charts rank among GitHub repositories? +

With 829 stars, TanStack/charts is ranked #6,367 globally across all repositories tracked on GitHubRepo and #753 among TypeScript projects.

What license is charts distributed under? +

The repository reports a MIT license. Always verify the repository LICENSE file for legal terms.

From our network
FOR MAINTAINERS

Built something? Put it in front of millions of developers.

We make a short reel about your project and post it across YouTube, Instagram, Threads, and X. Send a link, we do the rest.

SPONSORED Sponsored Partner