# SOTA URLs (grouped by stack layer)

## Authoring frameworks

- **Quarto** — <https://quarto.org>
  - Manuscripts: <https://quarto.org/docs/manuscripts/>
  - Themes: <https://quarto.org/docs/output-formats/html-themes.html>
  - Cross-references: <https://quarto.org/docs/authoring/cross-references.html>
  - Awesome Quarto: <https://github.com/mcanouil/awesome-quarto>
- **Closeread** (Quarto scrollytelling extension) — <https://github.com/qmd-lab/closeread>
- **Observable Framework** — <https://observablehq.com/framework/> · <https://github.com/observablehq/framework>
- **Quartz** (digital garden) — <https://github.com/jackyzha0/quartz> · <https://quartz.jzhao.xyz>
- **Astro Starlight** — <https://starlight.astro.build>
  - Awesome Starlight: <https://github.com/trueberryless-org/awesome-starlight>
- **VitePress** — <https://vitepress.dev>
  - Awesome VitePress: <https://github.com/logicspark/awesome-vitepress-v1>
- **Jupyter Book 2 / MyST** — <https://jupyterbook.org> · <https://mystmd.org>
- **Manubot** — <https://manubot.org>
- **The Pudding boilerplate** — <https://github.com/the-pudding/svelte-starter>
- **Tom Critchlow's wiki pattern** — <https://tomcritchlow.com/wiki/>

## Charts

- **Observable Plot** — <https://observablehq.com/plot> · <https://github.com/observablehq/plot>
  - Plot for D3 users: <https://observablehq.com/@observablehq/plot-for-d3-users>
- **Vega-Lite** — <https://vega.github.io/vega-lite> · examples: <https://vega.github.io/vega-lite/examples/>
- **Apache ECharts** — <https://echarts.apache.org> · <https://github.com/apache/echarts>
- **D3** — <https://d3js.org>
- **rough.js** — <https://roughjs.com> · <https://github.com/rough-stuff/rough>
- **roughViz** — <https://github.com/jwilber/roughViz>
- **chart.xkcd** — <https://timqian.com/chart.xkcd/>
- **Pancake (Svelte-native)** — <https://pancake-charts.surge.sh/>

## Whiteboard / sketchy diagrams

- **Excalidraw** — <https://excalidraw.com> · <https://docs.excalidraw.com>
  - Export API: <https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils/export>
  - excalidraw_export CLI: <https://github.com/Timmmm/excalidraw_export>
  - Quarto extension: <https://github.com/parmsam/quarto-excalidraw>
  - Astro dark-mode workflow: <https://alexop.dev/posts/excalidraw-dark-mode-astro-diagrams/>
- **tldraw** — <https://tldraw.dev> · License: <https://tldraw.dev/community/license>
  - tldraw-cli: <https://github.com/kitschpatrol/tldraw-cli>
- **Penpot** — <https://penpot.app>

## Visual system / CSS

- **Open Props** — <https://open-props.style> · <https://github.com/argyleink/open-props>
- **Pico.css** — <https://picocss.com> · <https://github.com/picocss/pico>
- **Modern CSS Toolkit 2026** — <https://www.nickpaolini.com/blog/modern-css-toolkit-2026>
- **Modern Font Stacks (system)** — <https://github.com/system-fonts/modern-font-stacks>

## Typography

- **Inter** — <https://rsms.me/inter>
- **Crimson Pro** — <https://fonts.google.com/specimen/Crimson+Pro>
- **Fira Code** — <https://github.com/tonsky/FiraCode>
- **IBM Plex** — <https://www.ibm.com/plex/>
- **Recursive** (variable, 5 axes) — <https://www.recursive.design/>
- **Utopia (fluid type scales)** — <https://utopia.fyi>

## Color

- **OKLCH picker** — <https://oklch.com> · <https://oklch.fyi>
- **Figma OKLCH palette generator** — <https://www.figma.com/community/plugin/1583211869437365830/oklch-palette-generator>

## SVG composition

- **SVGOMG** (browser-based optimizer) — <https://jakearchibald.github.io/svgomg>
- **SVGO** (CLI) — <https://github.com/svg/svgo>
- **Accessible SVGs reference** — <https://css-tricks.com/accessible-svgs>

## Scrollytelling

- **Closeread** (Quarto-native) — <https://github.com/qmd-lab/closeread>
- **Scrollama** — <https://github.com/russellgoldenberg/scrollama>
- **GSAP ScrollTrigger** — <https://gsap.com/docs/v3/Plugins/ScrollTrigger/>
- **Lenis** (smooth scroll) — <https://github.com/darkroomengineering/lenis>

## Reference data-journalism / inspiration

- **The Pudding** — <https://pudding.cool> · resources: <https://pudding.cool/resources/>
- **NYT Upshot GitHub** — <https://github.com/theupshot> · NYT Newsdev: <https://github.com/newsdev>
- **FiveThirtyEight data** — <https://github.com/fivethirtyeight/data>
- **The Markup** — <https://github.com/the-markup>
