{"version":"1.0","type":"rich","title":"Towards_Updateable-Resusable-ProD3js_d3jsCharts","description":"This example demonstrates a reusable and updateable bar chart built with D3.js v5, following the patterns from Mike Bostock’s \"Towards Reusable Charts\" and Rob Moore’s \"Towards Updatable\" approach. It renders SVG rectangles scaled from an array of numerical data, with smooth transitions for updating bar dimensions, colors, and datasets. The chart exposes getter-setter methods for `width`, `height`, `fillColor`, and `data` that trigger animated updates via `transition().duration()`. New bars fade in while exiting bars shrink and fade out, all rendered in a vanilla HTML page with multiple chart containers.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff08ec29f30c47c6b5dbfc3c932056da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}