Charts
A collection of tools and libraries to create visually compelling charts and data visualizations.
ApexCharts
apexcharts.com
ApexCharts is a modern, open-source charting library that enables developers to create beautiful and interactive visualizations for web applications. With extensive API documentation and over 100 ready-to-use samples, integrating visualizations is straightforward. The library supports a wide variety of chart types and allows for combinations to clearly differentiate data. ApexCharts is flexible and responsive, ensuring compatibility across desktops, tablets, and mobile devices. Configuration is user-friendly, aided by comprehensive documentation. Licensed under MIT, it is free for commercial use, making it an ideal tool for developers looking to enhance their applications with expressive dashboards and interactive charts.
Charts.css
chartscss.org
Create various chart types including area, bar, column, line, pie, and donut charts. It utilizes HTML tags for data display and allows custom styling through CSS, ensuring a lightweight solution with a file size of 76kb (7kb gzipped) and no JavaScript rendering required.
Layer Cake
layercake.graphics
Charts for Svelte. It features built-in helpers that enhance the rendering process, allowing charts to load responsively without the need for client-side JavaScript. This ensures that users can view charts immediately upon page load, eliminating blank placeholders. Layer Cake supports HTML charts with percentage-based scales and SVG charts.
Mafs
mafs.dev
Build interactive and animated visualizations using declarative code with React components designed for interactive math. This tool enhances user engagement through dynamic animations and visual representations, making it ideal for educational purposes, data visualization, and interactive learning experiences. Keywords include React, interactive math, visualizations, animations, declarative code, education, data visualization, and user engagement.
Npmchart
github.com
Visualize npm downloads with an aesthetically chart that can be easily shared within the community. This tool allows users to track and analyze package download statistics, enhancing productivity and performance insights.
Plotteus
plotteus.dev
Open-source JavaScript data visualization library that enhances storytelling through data. It allows users to create engaging, data-driven narratives with full control over animations, enabling readers to experience stories at their own pace. Supports seamless transitions between various chart types, including bar, bubble, and scatter charts, and adapts to any background color.
React Graph Gallery
react-graph-gallery.com
A comprehensive resource for creating unique charts using React. It features hundreds of chart examples, each accompanied by explanations and reproducible code.
Recharts
recharts.org
A re-designed charting library built with React and D3, enabling developers to create responsive and customizable charts for their applications.
Svend3r
svend3r.dev
A Svelte component charting library that offers a variety of chart types including area charts, bar charts, bubble charts, chord diagrams, choropleth maps, circle packing, donut charts, line charts, radial stacked bar charts, ridgeline plots, scatterplots, and pie charts. The library emphasizes ease of use with a 'plug and play' approach, making it accessible for developers. It also encourages community contributions, inviting users to submit pull requests for new components or improvements.
TradingView
tradingview.com
A free, open-source library for creating interactive charts, optimized for performance at just 45 KB. Utilizing HTML5 Canvas technology, it offers a compact solution for developers looking to integrate feature-rich charts into their projects.
Tremor
tremor.so
An open-source library for building dashboards using Tailwind CSS, featuring React components for charts and data visualization. It offers modular lists, tables, and powerful filter components for enhanced data interaction. The library includes advanced visualizations like Tracker, Bar Lists, Data Bars, Spark Charts, and Progress Circles, designed to help users understand complex data.