{"version":"1.0","type":"rich","title":"Towards_Updateable-Resusable-ProD3js_d3jsCharts-Update with Join(j","description":"This example demonstrates a reusable, updateable bar chart built with D3.js v5, following Rob Moore's update pattern and the ProD3.js architecture. It renders sales data as horizontal bars in SVG, with each bar’s width proportional to its value, and includes a title and axis placeholders. The chart uses `d3.select` and `.join('rect')` to handle enter and update states, while scales and axes are defined via `d3.scaleBand` and `d3.axisBottom`/`d3.axisLeft`. The code is structured as a module with configurable attributes like `fillColour` and `barPadding`, and it displays data from an array of objects containing `salesperson` and `sales` values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6adaf3cb2bd84892aecd6ecdc36e6518?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}