{"version":"1.0","type":"rich","title":"Activity 6","description":"This example displays a static visualization of the text \"Hello VizHub!\" centered on the page, demonstrating a minimal D3.js integration. The page uses Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) to achieve its layout, with the `#message` div styled with a large font size and text alignment. The underlying code imports the `select` function from `d3` and assigns the message text through that selection, showing how D3 can manipulate DOM content. The visualization serves as a simple introductory template, highlighting the workflow of setting up a D3 environment with local modules.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/86cfb2045e324aa8b82ca0b9c771c571?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}