{"version":"1.0","type":"rich","title":"Gist 8c151c128174d8bef51ffcbe4ba2f0dc","description":"This example demonstrates a lecture-style data visualization that uses CSS to prepend the text “hello” to elements with the class `alert.lecture`, as defined in the `lecture.css` file. The code employs standard CSS selectors and the `:before` pseudo-element to inject content dynamically into the page. It illustrates how lightweight styling rules can alter visual presentation without JavaScript libraries or complex APIs, relying solely on native CSS features to modify the rendered output. The effect is immediate and purely style-based, with no interaction or data processing involved.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-8c151c128174d8bef51ffcbe4ba2f0dc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}