{"version":"1.0","type":"rich","title":"Axis with React & D3","description":"This example uses React 16.9 and D3 v6 to render a horizontal bar chart of the top ten countries by 2020 population, sourced from a CSV file. The code demonstrates how to integrate D3’s scaleBand and scaleLinear for positioning, along with d3.csv for data loading. Axis ticks and labels are generated manually via xScale.ticks() and mapped to SVG elements, while React handles the component state and renders the bars and text as SVG rect and text nodes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6f49681692584ec9b555aefa67c90bed?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}