{"version":"1.0","type":"rich","title":"d3js workshop - data binding","description":"This example demonstrates D3.js data binding and selection techniques through commented code examples. It uses d3.selectAll and d3.select to target HTML div elements by element type, class, and id, showing how to update text content or append new elements. The visible page contains two static divs with distinct classes and ids, while the script section illustrates various selection patterns—including appending a new div to the body—though all interactive commands remain commented out. The code relies on D3 v3’s core selection API, with no external data sources or rendering beyond basic DOM manipulation.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-ff6d1292575bb2f7a7606d0dd7e894bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}