{"version":"1.0","type":"rich","title":"Making a Barchart reusable code","description":"This example demonstrates a reusable bar chart built with D3.js v5, displaying the frequency of letters in a dataset from the United Nations world population prospects. It uses `d3.scaleBand` and `d3.scaleLinear` to position bars, `d3.axisBottom` and `d3.axisLeft` for axes, and renders SVG elements. The chart exposes configurable width, height, and margin via accessor functions, and broadcasts a custom mouseover event through a `d3.dispatch` object. Data is loaded asynchronously from a CSV file using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6b96af47fe2745388873036755c13b3f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}