{"version":"1.0","type":"rich","title":"Intro to d3 Tutorial Notes","description":"This example demonstrates D3.js v4 data binding and scale fundamentals. It shows how ordinal and linear scales transform data values, then uses a repeated render cycle to update SVG rectangles with different colors (green, gold, blue) as the dataset changes size over timed intervals. The code constructs an SVG canvas, applies margin-based grouping, and references axis groups, while also illustrating the enter-update-exit pattern. It uses `d3.scaleLinear`, `d3.scaleOrdinal`, and the `selectAll().data()` binding approach to manage dynamic visual updates.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-02322e2608cce2abb891fbb4b7b1ce71?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}