{"version":"1.0","type":"rich","title":"Learn D3 in 5 minutes","description":"This example demonstrates the fundamental D3 data-join pattern by binding an array of five numbers to SVG rectangles, with each rectangle's width proportional to its corresponding value. The code selects an SVG container, calls `selectAll('rect')` followed by `.data(data)` and `.enter()`, then appends rects with width attributes set directly from the data. Using D3 v4 and vanilla JavaScript within an HTML page, it renders a simple vertical bar chart where bar heights are fixed by the `barHeight` variable and positioned via `translate` transforms. The visualization serves as a minimal introduction to D3's enter selection and chained attribute methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1d223f08790a474d812400978ae1d239?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}