{"version":"1.0","type":"rich","title":"Data Updating","description":"This example demonstrates dynamic data updating in a bar chart built with D3.js v6 and rendered as SVG. The interactive visualization allows users to add or update data entries via input fields, triggering smooth transitions on bar widths as weights change, while axis scales adjust accordingly. Users can also filter the displayed data by setting a minimum weight threshold. The code employs `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleBand` for scales, and the data join pattern with `enter`, `merge`, and `exit` selections, alongside `transition` and `d3.axisLeft`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/41fd2aec3d7348fea504020de9015fe6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}