fastchart 1.1.0 — SVG vs PNG vs JPG vs WebP

41 chart variants from the README, rendered four ways: renderSvg() (vector source), renderPng() (plutovg + libpng), renderJpeg() at default quality 88 (plutovg + libjpeg-turbo), renderWebp() (plutovg + libwebp). Generated 2026-05-16 14:30.

Total bytes: SVG 1,779.5 KB · PNG 2,355.2 KB · JPG 2,188.3 KB · WebP 1,008.3 KB.

1. LineChart — daily active users

Source: docs/examples/01_line_basic.php

SVG (vector) 41.3 KB
PNG (plutovg → libpng) 53.9 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 45.5 KB
JPG render
WebP (plutovg → libwebp) 21.8 KB
WebP render

2. AreaChart — stacked tiers

Source: docs/examples/27_area_stacked.php

SVG (vector) 56.9 KB
PNG (plutovg → libpng) 65.6 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 55.0 KB
JPG render
WebP (plutovg → libwebp) 28.2 KB
WebP render

3. BarChart — grouped (tickets opened vs closed)

Source: docs/examples/03_bar_grouped.php

SVG (vector) 64.0 KB
PNG (plutovg → libpng) 53.2 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 67.9 KB
JPG render
WebP (plutovg → libwebp) 23.1 KB
WebP render

4a. BarChart — horizontal, stacked, with SLA bands

Source: docs/examples/04_bar_horizontal.php

SVG (vector) 61.9 KB
PNG (plutovg → libpng) 49.1 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 60.5 KB
JPG render
WebP (plutovg → libwebp) 21.6 KB
WebP render

4b. BarChart — floating bars (forecast salary band)

Source: docs/examples/28_bar_variants.php

SVG (vector) 66.3 KB
PNG (plutovg → libpng) 49.4 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 48.1 KB
JPG render
WebP (plutovg → libwebp) 18.9 KB
WebP render

4c. BarChart — layered stack (visual envelope)

Source: docs/examples/28_bar_variants.php

SVG (vector) 56.7 KB
PNG (plutovg → libpng) 46.4 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 51.5 KB
JPG render
WebP (plutovg → libwebp) 19.9 KB
WebP render

4. ScatterChart — with quadratic trend

Source: docs/examples/06_scatter_trend.php

SVG (vector) 66.8 KB
PNG (plutovg → libpng) 72.0 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 56.2 KB
JPG render
WebP (plutovg → libwebp) 28.4 KB
WebP render

5. BubbleChart — risk vs effort vs cost

Source: docs/examples/14_bubble.php

SVG (vector) 45.8 KB
PNG (plutovg → libpng) 59.0 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 42.2 KB
JPG render
WebP (plutovg → libwebp) 19.7 KB
WebP render

6. StockChart — OHLCV + MA overlays + volume

Source: docs/examples/07_stock_candle_ma.php

SVG (vector) 96.9 KB
PNG (plutovg → libpng) 131.0 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 173.0 KB
JPG render
WebP (plutovg → libwebp) 77.7 KB
WebP render

7. RadarChart — feature parity scorecard

Source: docs/examples/08_radar.php

SVG (vector) 46.5 KB
PNG (plutovg → libpng) 129.7 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 67.7 KB
JPG render
WebP (plutovg → libwebp) 40.8 KB
WebP render

8. PolarChart — antenna gain pattern

Source: docs/examples/16_polar.php

SVG (vector) 24.9 KB
PNG (plutovg → libpng) 139.7 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 67.1 KB
JPG render
WebP (plutovg → libwebp) 41.0 KB
WebP render

9. SurfaceChart — 2D scalar field

Source: docs/examples/15_surface_contour.php

SVG (vector) 33.7 KB
PNG (plutovg → libpng) 20.1 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 47.8 KB
JPG render
WebP (plutovg → libwebp) 12.8 KB
WebP render

10. ContourChart — filled isolines

Source: docs/examples/15_surface_contour.php

SVG (vector) 51.6 KB
PNG (plutovg → libpng) 86.9 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 61.4 KB
JPG render
WebP (plutovg → libwebp) 34.7 KB
WebP render

11. PieChart — donut with exploded slice

Source: docs/examples/05_pie_donut.php

SVG (vector) 32.3 KB
PNG (plutovg → libpng) 71.6 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 46.8 KB
JPG render
WebP (plutovg → libwebp) 25.1 KB
WebP render

12. GaugeChart — zoned half-circle

Source: docs/examples/10_gauge.php

SVG (vector) 20.3 KB
PNG (plutovg → libpng) 46.9 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 30.6 KB
JPG render
WebP (plutovg → libwebp) 18.0 KB
WebP render

13. LinearMeter — horizontal SLA bar

Source: docs/examples/36_linear_meter.php

SVG (vector) 17.0 KB
PNG (plutovg → libpng) 16.3 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 17.0 KB
JPG render
WebP (plutovg → libwebp) 6.7 KB
WebP render

14. GanttChart — Q4 release timeline

Source: docs/examples/17_gantt.php

SVG (vector) 54.9 KB
PNG (plutovg → libpng) 43.9 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 49.1 KB
JPG render
WebP (plutovg → libwebp) 18.9 KB
WebP render

15. BoxPlot — latency by service

Source: docs/examples/09_boxplot.php

SVG (vector) 59.4 KB
PNG (plutovg → libpng) 50.6 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 50.3 KB
JPG render
WebP (plutovg → libwebp) 19.5 KB
WebP render

16. Treemap — revenue by product line

Source: docs/examples/32_treemap.php

SVG (vector) 50.2 KB
PNG (plutovg → libpng) 40.0 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 48.3 KB
JPG render
WebP (plutovg → libwebp) 18.5 KB
WebP render

17. Funnel — signup → paid conversion

Source: docs/examples/33_funnel.php

SVG (vector) 43.9 KB
PNG (plutovg → libpng) 57.0 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 38.4 KB
JPG render
WebP (plutovg → libwebp) 21.0 KB
WebP render

18. Waterfall — Q3 income statement

Source: docs/examples/34_waterfall.php

SVG (vector) 55.5 KB
PNG (plutovg → libpng) 48.8 KB
PNG render
JPG q88 (plutovg → libjpeg-turbo) 55.2 KB
JPG render
WebP (plutovg → libwebp) 19.1 KB