chart
A composable charting library built on React components. Redefined chart library built with React and D3.
Beautiful & Animated Charts.
A Beautiful & Animated Chart UI Website built on top of shadcn & recharts. A modern, customizable chart library for React and Next.js applications featuring visually stunning and interactive data visualizations.
A Visualization Language for the AI Era.
Flint is a visualization intermediate language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs. Instead of requiring verbose low-level parameters such as scales, axes, spacing, and layout, the Flint compiler derives optimized chart settings from the data, semantic types, chart type, and encodings. Flint supports 46 chart types, and it supports rendering in Vega-Lite, ECharts, and Chart.js.
YouPlot is a command line tool that draws plots on the terminal.
A variable font that turns text into charts.
Datatype is an OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images, no rendering library — just type the syntax and Datatype's ligature substitution does the rest.
Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.
Data Visualization for React. Streaming-First Visualization for React
Push data at 60fps with decay, pulse, and staleness encoding. Or just pass an array — static data is the simple case. 40+ chart types, network graphs, coordinated dashboards, and AI tooling built in.
Write documents, dashboards, and slides in a Markdown superset. Add charts, KPI cards, tables, and styled regions with nothing more complicated than fenced code blocks and named styles.
MDV — a Markdown superset for documents, dashboards, and slides with embedded data and visualizations. HTML + PDF export, live preview, VS Code extension.
Lightweight React SVG pie charts, with versatile options and CSS animation included. ~2kB gzipped.
Beautiful, open source, WebGPU-based charting library.
ChartGPU is a TypeScript charting library built on WebGPU for smooth, interactive rendering—especially when you have lots of data.
Find the graphic you need. From Data to Viz leads you to the most appropriate graph for your data. It links to the code to build it and lists common caveats you should avoid.
Collection of data visualizations to get inspired and find the right type. This is a website trying to present all relevant data visualizations, so you can find the right visualization and get inspired how to make them.
A composable charting library built on React components.
Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain.
Client reports for your team and clients.
Open-source web platform used to create live reporting dashboards from APIs, MongoDB, Firestore, MySQL, PostgreSQL, and more 📈📊
Charts.css is an open source CSS framework for data visualization.
Visualization help end-users understand data. Charts.css help frontend developers turn data into beautiful charts and graphs using simple CSS classes.
Apache ECharts is a powerful, interactive charting and data visualization library for browser.
Apache ECharts is a free, powerful charting and visualization library offering easy ways to add intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.
Self-hosted publish and subscribe metric dashboards.
Plotix is a free, open source, self-hosted tool for turning simple data pushes into live graphs. Send a value or a set of named values to a topic with a single request, then subscribe to that topic to view the output graph. It works like ntfy, but instead of sending notifications, you send numbers and get charts.
A typeface for creating sparklines in text without code.
Svelte Plotting Framework.
The best visualizations are built with Svelte. A Svelte-native visualization framework based on the layered grammar of graphics principles.
A free and open source tool for data visualization.
A web interface to create custom vector-based visualizations.
Related contents:
accessible html/css charts with markdown support.
The point of C💚SS.css is to allow easy creation of simple charts for documentation, data storytelling / journalism, etc. It features plots of 1-D lists, and has a custom markdown filter that converts suitably formatted lists directly to charts. It has no dependencies (other than a modern browser), and is very small compared to javascript based charting tools. The html is based on <ul> lists and will collapse back to readible lists in the absence of css support, making it accessible to all readers. It is open source and easily configurable according to project needs.
Chart Chooser is the quickest path to better Excel & PowerPoint charts. Download a template.
Tool to draw low-resolution graphs in terminal. lowcharts is meant to be used in those scenarios where we have numerical data in text files that we want to display in the terminal to do a basic analysis.
Open source HTML5 Charts for your website. Simple yet flexible JavaScript charting library for the modern web.
📈 A small, fast chart for time series, lines, areas, ohlc & bars.
uPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars. From a cold start it can create an interactive chart containing 166,650 data points in 25ms, scaling linearly at ~100,000 pts/ms afterwards. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~50 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size.
Use TOAST UI to Make Your Web Delicious!
JavaScript UI library and free open source project constantly managed by NHN Cloud.
A chart grammar you don't have to outgrow.
A typed, tree-shakable chart grammar for SVG and Canvas. Compose marks, views, scales, transforms, interactions, and motion with compact primitives or D3-compatible inputs.
roughViz.js is a reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser, based on D3v5, roughjs, and handy.