{"version":"1.0","type":"rich","title":"Activity 7","description":"This example demonstrates basic D3.js and ES6 module integration within a VizHub project. It renders a single centered text message, \"Hello VizHub!\", inside an HTML div element using the `select` function from D3 v5. The code imports the text from a local ES6 module (`myMessage.js`) and applies styling through an external CSS file. The page loads D3 from a CDN via UNPKG, while the main script uses `import` statements to combine D3’s selection API with custom local module code.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb6b027798904e83919b400183f51255?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}