🌍 Public
Viewing a saved revision (read-only)
07d3905ffccb43608ff83e9245d42613
project-1
The example displays a large yellow circle with a black outline, containing two smaller unfilled circles positioned inside it. The visualization uses React to render the structure as SVG elements directly in the HTML file, with the circle coordinates and dimensions set explicitly. The code includes a React app that logs a message and renders a simple header, while the SVG drawing is static and independent of the React component. The rendering relies on SVG primitives like `circle` with attributes for radius, position, fill, and stroke, and the page loads React and ReactDOM from a CDN.
AI-generated descriptionCreating circles with D3.
Challenge
- Fork this example
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative
Svelte
Here's a video on how to get started with Svelte as well!