Welcome to Svelte Scenarios

I'm career changer. I used to do Data Engineering and ML a lot. But I'm increasingly annoyed by the way AI is beeing developed (larger model = awesome). This is wrong in many ways and I don't want to be part of this trend. This is why I want to change careers, but to do so I really need to work on me and learn things. This site is my slow attempt of doing so. This project is a challenge to myself, where I try to solve scenarios that I haven't come across or that might have multiple solutions. Sadly I have no better idea than to simply write everything in a Q&A-ish way. This project is heavily focused on data visualisations (D3js) the use of Svelte 5. So all scenarios will be surrounding this context.

Disclaimer: The questions are sampled from a lot of ChatGPT responses. I sampled the questions that seemed reasonable and also a bit challenging to me. Also, I'm learning so don't rely on my assumptions or knowledge, it's limited. If you want to reach out to me let's discuss on Mastodon or Bluesky.

You can filter the questions by topic. These topics are somewhat overlapping and some questions belong to more than one topic. Feel free to explore.

Welcome to Svelte Scenarios

How would I implement a responsive SVG visualization in Svelte using D3 scales?

How does the enter-update-exit pattern in D3 maps to Svelte's reactivity model?

How do I handle reactive data updates in a Svelte component that renders a D3 chart without causing full redraws?

What is your approach to server-side rendering or prerendering in a data-heavy Svelte app (e.g., for SEO or fast first paint)?

How would I design multiple charts, that depend on the same dataset?

What can I when to many elements are created in the svg and it lags heavily in transitions?

How would I integrate geographic data (TopoJSON) and control zoom/pan performance?

How do I share global state (e.g., filters, selected regions) across multiple Svelte visualization components.

When rendering thousands of SVG elements, what strategies improve frame rate and interaction latency?

How do I test visual components—unit tests, regression tests, or visual diffing?