{"version":"1.0","type":"rich","title":"Avtivity-6-tutorial-1","description":"This example demonstrates a minimal VizHub project that displays the text \"Hello VizHub!\" centered on a blank page. It shows how to set up a D3.js visualization using version 5.16.0 loaded via UNPKG, combining a simple HTML structure with a CSS stylesheet for styling. The code imports the `select` function from the d3 module to target the `#message` div and set its text content. It also imports a custom local ES6 module, `myMessage.js`, which exports the displayed string, illustrating how to mix D3 API calls with modular JavaScript for reusable content.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9102978fd7914c37acd9519bc1c13702?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}