Microcharts

Microcharts

A free React library for making tiny, lightweight charts — small enough to sit inside a sentence or a table cell — with zero extra dependencies.

🔗 Visit Microcharts
📁 Web Development & Frameworks🗣️ English📅 July 26, 2026

Description

Most charting libraries are built for big dashboards: they're heavy, need a large chunk of your page's loading budget, and look out of place squeezed into a small space like a table cell or a line of AI-generated text. Microcharts takes the opposite approach — tiny, simple charts (sparklines, bar charts, heatmaps, and more) designed to be dropped anywhere text can go, without dragging in a large dependency tree.

It's a free, open-source (MIT) React library with 106 different chart types, each between 2.17 and 6.75 kB, zero runtime dependencies, and accessible-by-default rendering with auto-generated descriptions for screen readers. It's compatible with React Server Components and reports native adoption inside Claude, ChatGPT, and Gemini's chart-rendering surfaces, plus a colorblind-safe default palette.

💬 Our review

The short version: if you need small, inline data visuals in a React app — not a full dashboard — Microcharts is free, tiny, and easy to justify adding to your bundle.

Against Recharts, Victory, and Chart.js, all of which are built primarily for full-size dashboard charts and pull in meaningfully more bundle weight, Microcharts occupies a different niche entirely: compact, inline visuals meant to live inside text, table cells, or chat responses. It's not a replacement for those libraries if you're building a full analytics dashboard — it's a complement for the smaller visual moments those libraries are overkill for. The obvious limit is that it's React-only, so Vue, Svelte, or vanilla JS projects can't use it directly, and its charts are intentionally too compact for dense multi-series dashboards.

📊 Global score

53Average
🌐Availability15/100Faible

1 language · 0 platform

📄Profile90/100Excellent

Profile completeness

🤖 AI-enriched data

💰 Pricing model
🆓 Gratuit

Libre et open source (licence MIT), installable via npm.

👥 Target audienceDéveloppeurs React, agents IA, équipes ayant besoin de visualisations compactes.
🗣️ Languagesen
🌍 Target countriesWorldwide
👍

Pros

106 types de graphiques

Zéro dépendance, bundle ultra-léger

Accessible par défaut

Intégré dans Claude/ChatGPT/Gemini

Compatible React Server Components

👎

Cons

Limité à React

Visuels très compacts

Courbe d'apprentissage pour non-familiers de React

❓ Frequently asked questions

What is Microcharts?▼
Is Microcharts free?▼
How many chart types does it offer?▼
Does it work outside React?▼
Is it worth the money compared to alternatives?▼
Which tool should you pick for your case?▼