{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"This example visualizes country populations as horizontal bars using D3.js v5 within a React framework, rendering to SVG. The bar chart displays each country’s population on the x-axis and country names on the y-axis, with bar widths scaled linearly via `d3.scaleLinear` and positions set by `d3.scaleBand`. The code loads data from a CSV file, multiplies population values by 10, and appends rectangles to the SVG. The visualization uses `d3.csv` for data loading and `d3.max` to determine the scale domain.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/41ed2e87f4ac4eef99c02a772800d3b6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}