{
  "$type": "site.standard.document",
  "content": {
    "$type": "at.markpub.markdown",
    "flavor": "gfm",
    "renderingRules": "markdown-it",
    "text": {
      "$type": "at.markpub.text",
      "markdown": "### Context\n\nI gave a talk at CorrelCon 2025 and promised to shared links & resources for staying up-to-date with the Web Platform.\n\n### CSS\n\n- [Curated list of resources for learning and staying up-to-date with the Web Platform, CSS, and Accessibility](/notes/web-platform-css-resources/)\n\n### Svelte (and D3)\n\n- official, interactive Svelte tutorial (Svelte 5) - https://svelte.dev/tutorial\n- Connor Rothschild - Using d3 the \"Svelte way\" (Svelte 4) - https://v4.connorrothschild.com/viz\n- Matthias Stahl (Head of DataViz at Spiegel) - YouTube channel (Svelte 5) https://www.youtube.com/@h_i_g_s_c_h_videos\n- official d3-in-Svelte tutorial (Svelte 4) - https://d3js.org/getting-started#d3-in-svelte\n- Charting / DataViz Libraries:\n  - SveltePlot: https://svelteplot.dev/\n  - LayerCake: https://layercake.graphics/\n  - LayerChart: https://www.layerchart.com/\n  - (non-Svelte) Observable Plot: https://observablehq.com/plot/\n- Svelte Summit Youtube playlist, e.g. an impressive talk on visualising the orbit with Svelte and WebGL and lots of astronomics: https://www.youtube.com/watch?v=gRHCAYC8ivE\n\n### Coding Examples\n\n- REPL 1 - simple bar chart: https://svelte.dev/playground/991ec5a50c3f45779f065790d9da067e?version=5.35.2\n- REPL 2 - dotplot / scatterplot: https://svelte.dev/playground/674033e7d5014c01bb0d6b3cdde1408c?version=5.35.2\n- REPL 3 (Svelte 4) - scatter with a baseline, sorting and hovering: https://svelte.dev/playground/150760ebe7fb4756a4569fcd281781ca?version=5.35.2\n\n### marimo\n\n- https://marimo.io/\n- marimo VSCode plugin (also available in Positron etc.): https://marketplace.visualstudio.com/items?itemName=marimo-team.vscode-marimo\n- Docker Compose (from Coolify - you might need a volume): https://github.com/coollabsio/coolify/blob/v4.x/templates/compose/marimo.yml\n- marimo extension for Quarto (!): https://github.com/marimo-team/quarto-marimo\n- Tailscale Funnel (the localhost tunnel thing): https://tailscale.com/kb/1223/funnel\n"
    }
  },
  "description": "Links & Resources for my Talk",
  "path": "/notes/correlcon-2025-dataviz-web-svelte/",
  "publishedAt": "2025-07-07T00:00:00.000Z",
  "site": "at://did:plc:6aglx53tojyuwxwueap5og3h/site.standard.publication/self",
  "tags": [
    "Talks",
    "Svelte",
    "D3",
    "DataViz"
  ],
  "textContent": "Context\n\nI gave a talk at CorrelCon 2025 and promised to shared links & resources for staying up-to-date with the Web Platform.\n\nCSS\n\nCurated list of resources for learning and staying up-to-date with the Web Platform, CSS, and Accessibility\n\nSvelte (and D3)\n\nofficial, interactive Svelte tutorial (Svelte 5) - https://svelte.dev/tutorial\nConnor Rothschild - Using d3 the \"Svelte way\" (Svelte 4) - https://v4.connorrothschild.com/viz\nMatthias Stahl (Head of DataViz at Spiegel) - YouTube channel (Svelte 5) https://www.youtube.com/@h_i_g_s_c_h_videos\nofficial d3-in-Svelte tutorial (Svelte 4) - https://d3js.org/getting-started#d3-in-svelte\nCharting / DataViz Libraries:\nSveltePlot: https://svelteplot.dev/\nLayerCake: https://layercake.graphics/\nLayerChart: https://www.layerchart.com/\n(non-Svelte) Observable Plot: https://observablehq.com/plot/\nSvelte Summit Youtube playlist, e.g. an impressive talk on visualising the orbit with Svelte and WebGL and lots of astronomics: https://www.youtube.com/watch?v=gRHCAYC8ivE\n\nCoding Examples\n\nREPL 1 - simple bar chart: https://svelte.dev/playground/991ec5a50c3f45779f065790d9da067e?version=5.35.2\nREPL 2 - dotplot / scatterplot: https://svelte.dev/playground/674033e7d5014c01bb0d6b3cdde1408c?version=5.35.2\nREPL 3 (Svelte 4) - scatter with a baseline, sorting and hovering: https://svelte.dev/playground/150760ebe7fb4756a4569fcd281781ca?version=5.35.2\n\nmarimo\n\nhttps://marimo.io/\nmarimo VSCode plugin (also available in Positron etc.): https://marketplace.visualstudio.com/items?itemName=marimo-team.vscode-marimo\nDocker Compose (from Coolify - you might need a volume): https://github.com/coollabsio/coolify/blob/v4.x/templates/compose/marimo.yml\nmarimo extension for Quarto (!): https://github.com/marimo-team/quarto-marimo\nTailscale Funnel (the localhost tunnel thing): https://tailscale.com/kb/1223/funnel",
  "title": "CorrelCon 2025 - DataViz for the Web with Svelte",
  "updatedAt": "2025-07-07T00:00:00.000Z"
}