{"version":"1.0","type":"rich","title":"refactored barchart","description":"This example displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset as a horizontal bar chart with axes, tick labels, and a title. Refactored into reusable React components, the visualization uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and formats population values with d3.format. SVG renders the bars, while axis components (AxisBottom, AxisLeft) and Marks generate the graphical elements. The tooltipFormat function provides abbreviated population values on hover via native SVG title elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8075d62915cc4e6b8071dd2f58a8d9f2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}