Chart Gallery
Comprehensive collection of professional chart components for every data visualization need
Pie Chart
Perfect for showing parts of a whole with beautiful animations. Supports donut mode, custom colors, interactive legends, and tooltips.
Column Chart
Ideal for comparing values across categories or time periods. Supports grouping, stacking, interactive legends, and multi-series data.
Bar Chart
Horizontal bars for ranking data or long labels. Supports multi-series, interactive legends, and dynamic animations.
Line Chart
Ideal for time series and trends. Supports smooth curves, multi-series, interactive legends, and customizable points.
Area Chart
Visualize volume and cumulative data with filled areas, interactive legends, and stacked options. Ideal for revenue and traffic metrics.
Candlestick
Professional financial charts for OHLC data with optional volume bars and interactive tooltips. Ideal for stock and trading analysis.
Bubble Chart
Three-dimensional scatter plots with bubble size encoding. Supports multi-series, tooltips, and elastic animations.
TreeMap
Visualize hierarchical data with nested rectangles sized by value. Ideal for market share and portfolio analysis with interactive tooltips.
Radial Bar
Circular progress bars for KPIs and goal tracking. Supports multi-metric display, interactive legends, and smooth animations.
Quick Start Guide
Get up and running with any chart type in minutes
Basic Setup
const forge = new ChartForge({ darkMode: localStorage.getItem('theme') === 'dark' });
const chart = forge.createChart('container-id', 'pie', {
design: 'modern',
showTooltip: true,
showLabels: true,
showLegend: true,
showValues: true,
innerRadius: 0, // Set to 0 for a full pie chart
animations: true,
animationDuration: 2000,
customColor: false
});
chart.setData([
{ name: 'Technology', value: 120, color: '#8B5CF6' },
{ name: 'Finance', value: 85, color: '#10B981' },
{ name: 'Healthcare', value: 95, color: '#EF4444' }
]);
Download Options
Full Library
All chart types included
Individual Charts
Pick only what you need
Core + Charts
Main file + specific charts
Feature Comparison
See what each chart type offers
| Chart Type | Animations | Multi-Series | Interactive | Legend Support | Best For |
|---|---|---|---|---|---|
| Pie Chart | ✓ | ✗ | ✓ | ✓ | Parts of whole |
| Column Chart | ✓ | ✓ | ✓ | ✓ | Category comparisons |
| Bar Chart | ✓ | ✓ | ✓ | ✓ | Rankings |
| Line Chart | ✓ | ✓ | ✓ | ✓ | Time series trends |
| Area Chart | ✓ | ✓ | ✓ | ✓ | Cumulative volumes |
| Candlestick | ✓ | ✗ | ✓ | ✗ | Financial OHLC data |
| Bubble Chart | ✓ | ✓ | ✓ | ✗ | 3D relationships |
| TreeMap | ✓ | ✗ | ✓ | ✗ | Hierarchical data |
| Radial Bar | ✓ | ✓ | ✓ | ✓ | Progress tracking |
Ready to Build Amazing Charts?
Choose your chart type and start creating beautiful visualizations