ggsvelte
GitHub
Navigate

Themes

Chart themes

Live portraits of paper, grids, axes, and type. Props, role tokens, and CSS variables: Themes reference.

Built-in

Chart themes

  1. Default

    Hairline grids, no heavy frame — multi-series default hierarchy.

  2. Light

    Fine ticks and a light panel border around categorical groups.

  3. Dark

    Low-glare dark paper; large fills carry the series.

  4. Minimal

    Quiet grid and reduced type hierarchy on a single series.

  5. ggplot2

    Gray panel and white grid — the classic R silhouette (also theme grey/gray).

  6. Classic

    Black axes and ticks, no grid — framed research scatter.

  7. B&W

    White panel, grey grid, dark border — print-friendly scatter.

  8. HRBR

    Same quiet hierarchy as default; ipsum series colors.

  9. Few

    Panel border and ticks, no grid — business comparisons.

  10. Clean

    Dashed grids, axis lines, and value labels.

  11. FiveThirtyEight

    Gray paper and white grid — editorial stacked mix.

  12. Economist

    Cool blue paper and magazine multi-series strokes.

  13. Tufte

    No grid; labels carry the structure.

  14. Linedraw

    Black grid and border on white paper — line-art monochrome chrome.

  15. Void

    No axes, grid, or panel — marks only (maps, logos, free-form).

  16. Stata

    Stata s2color: bluish-gray plot region, white panel, y-grid.

  17. Stata S1 Color

    Stata s1color: white panel with black border, light y-grid.

  18. Stata Mono

    Stata s2mono: gray plot region and monochrome y-grid.

  19. Solarized

    Cream panel and precision accents — Schoonover's light lab.

  20. Solarized Dark

    Deep teal panel, same accents — Solarized after dark.

  21. Economist White

    White panel and gray grid on light-gray paper — the Graphic Detail variant.

  22. Solarized 2

    Grey-style Solarized panel with light grid — base tones swapped, no frame.

  23. Solarized 2 Dark

    The grey-style Solarized variant on dark base tones.

  24. WSJ

    Brown paper, dotted black y-grid — Wall Street Journal chrome.

  25. Google Docs

    Google Docs: black x line, no ticks, light-gray grid, 20px plain title.

  26. Highcharts

    Highcharts default: y-only #D8D8D8 grid on white, no border.

  27. Highcharts Dark

    Highcharts darkunica: #2a2a2b paper, #707073 y-grid.

  28. Pander

    Pander: dashed grey grid, grey ticks, bold title on white.

  29. Calc

    LibreOffice Calc: white panel, gray border and y-grid.

  30. Excel

    Excel 97: gray panel and black grid — the classic ugly look.

  31. Excel New

    Modern Excel: gray text, hairline y-grid, no ticks or border.

  32. Base

    Base R: black frame and ticks, no grid, bold 19px title.

  33. Inverse Gray

    Inverse gray: white panel, gray90 surround and grid.

  34. Map

    No axes, grid, or chrome — marks only, for maps.

  35. Solid

    Nothing but marks — every non-geom element removed.

  36. Test

    Pinned high-contrast chrome for package tests and VR.