{"version":"1.0","type":"rich","title":"D3 append() example","description":"A grouped bar chart displays population values for ten countries, with the United States leading at 336 and smaller values for nations like Sweden and Japan. The example demonstrates D3’s `append()` method by building an SVG chart from a hardcoded JavaScript array of objects. Using D3 v7, the code selects a `div#barchart` element, appends an SVG container, and binds data to rectangles via `enter()`-less loops, styling bars with CSS class `.bar` and a `CornflowerBlue` fill. The static visualization uses pixel-based dimensions defined in CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cf01c7cfb77b4244a22d321254c783f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}