Viewing a saved revision (read-only)
186c31e3a940459a8fb9154249219ec7
Svelte Interaction Test
This example demonstrates interactive selection within a visualization built using Svelte and SVG, where clicking a circle highlights it with a thick black stroke. The circles, positioned with fixed coordinates and varied sizes and colors, respond to user clicks through a Svelte event handler that updates a `selectedId` in the component's state. It showcases a proof-of-concept for wrapping Svelte components via d3-rosetta, allowing state persistence across hot reloads while leveraging Svelte's reactive data binding for the visual update.
AI-generated descriptionA proof-of-concept for authoring interactive visualization modules with Svelte and D3, while being able to wrap them as components in any JS framework via d3-rosetta.
H