🌍 Public
Viewing a saved revision (read-only)
1fdaf0d272e04910812c6c2251b2b5ac
Lesson1
This example demonstrates basic SVG shapes and text manipulation using D3.js. It renders a large yellow circle with a black stroke and a smaller unfilled circle on a 960×500 SVG canvas. The code imports `select` from D3 via UNPKG to set the text content of a message element to “Hello VizHub!”. It also imports a local ES6 module, `myMessage`, to provide the message string. The static SVG markup defines the circles directly in `index.html`, while the D3 selection targets a `#message` div, highlighting both DOM-based rendering and module imports.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.