{"version":"1.0","type":"rich","title":"MasteringD3-Resusable-ProD3js-2.4.3","description":"This example demonstrates reusable, modular bar charts built with D3.js v5, following the Pro D3.js pattern and principles from Mike Bostock’s “Towards Reusable Charts.” It displays multiple charts horizontally across the page, each representing a different dataset with radial bar layouts. The code uses D3’s `d3.map`, `d3.range`, and layout functions to process hourly time-series data, while SVG groups and arc drawing handle the visual output. The visualization expands on iterative updates by cycling through datasets on an interval, showing how chart components can be dynamically refreshed.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bb8bacd46de24a3b95e972692c773b7e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}