{"version":"1.0","type":"rich","title":"Lesson1","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/160bc18b69f84db699edaebf3e804263?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}