{"version":"1.0","type":"rich","title":"Activity 8","description":"This example demonstrates a minimal D3.js v5 setup within VizHub, replacing the contents of a div with a static text message. It shows how to load D3 from a CDN, import functions like `select` directly from the `d3` module, and import a local ES6 module that exports a string constant. The rendered output is a single, large, centered “Hello VizHub!” message, styled via a linked CSS file. The code uses `select('#message').text(message)` to set the DOM content, highlighting basic module imports and DOM manipulation without any data or animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a86f6435574644cbb356f864ea309ac0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}