Chart Gallery
DataGlass supports 30+ chart types. Click any category to see examples.
Basic Charts
| Chart | Best For | Engine |
|---|---|---|
| Bar | Comparing categories | Plot |
| Line | Trends over time | Plot |
| Area | Magnitude of change | Plot |
| Scatter | Relationships between variables | Plot |
| Pie & Donut | Part-to-whole relationships | Plot |
Statistical Charts
| Chart | Best For | Engine |
|---|---|---|
| Boxplot | Distribution comparison | D3 |
| Violin | Distribution shape | D3 |
| Histogram | Frequency distribution | D3 |
| Ridgeline | Distributions over categories | D3 |
| Contour | 2D density mapping | D3 |
| Beeswarm | Individual points without overlap | D3 |
Hierarchical Charts
| Chart | Best For | Engine |
|---|---|---|
| Treemap | Nested proportions | D3 |
| Sunburst | Drill-down hierarchies | D3 |
| Circle Packing | Aesthetic nested data | D3 |
| Dendrogram | Tree structures, org charts | D3 |
| Tidy Tree | Clean tree layouts | D3 |
| Icicle | Hierarchical partitions | D3 |
Network Charts
| Chart | Best For | Engine |
|---|---|---|
| Sankey | Flow between nodes | D3 |
| Chord | Bidirectional relationships | D3 |
| Directed Chord | One-way flows | D3 |
| Force-Directed | Network relationships | D3 |
| Arc Diagram | Linear connection layout | D3 |
| Edge Bundling | Complex dependencies | D3 |
| Parallel Sets | Category flows | D3 |
Financial Charts
| Chart | Best For | Engine |
|---|---|---|
| Candlestick | OHLC stock data | D3 |
| Bollinger | Price with volatility | D3 |
| Horizon | Dense time series | D3 |
Comparison Charts
| Chart | Best For | Engine |
|---|---|---|
| Slope | Before/after comparison | D3 |
| Parallel Coordinates | Multivariate analysis | D3 |
Radial Charts
| Chart | Best For | Engine |
|---|---|---|
| Radial Bar | Cyclical data | D3 |
| Radial Area | Wind rose, radar | D3 |
Animated Charts
| Chart | Best For | Engine |
|---|---|---|
| Bar Race | Ranking changes over time | D3 |
| Streamgraph | Composition over time | D3 |
Interactive Charts
| Chart | Best For | Engine |
|---|---|---|
| Brushable Scatter | Data exploration | D3 |
Quick Reference
markdown
```dg
type: bar # or: line, scatter, pie, donut, area
data:
file: data.csv # or: source, url, query
x: category
y: value
color: group # optional: color by category
title: My Chart # optional: add title
```For D3 charts, add engine: d3:
markdown
```dg
type: treemap
engine: d3
data:
file: data/hierarchy.json
hierarchy:
id: name
parent: parent
value: value
title: "Hierarchical Data"
```See Also
- Cheat Sheet - Quick reference for all options
- Common Mistakes - Avoid these pitfalls