{"version":"1.0","type":"rich","title":"getting started with svg and data visualizations","description":"This example demonstrates how to manually construct SVG elements to create a simple bar chart from a list of web development topics. It uses raw SVG primitives, including `<text>` for labels and a `<path>` with `M` and `l` commands to draw horizontal bars, with hardcoded coordinates. The page also includes basic CSS resets to control box sizing. No external libraries are used; the visualization relies entirely on static SVG markup within an HTML document.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/60c848e8bc29479596cfb3fddf40351a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}