{"version":"1.0","type":"rich","title":"Axes with React and D3","description":"A React application uses D3 utilities to load CSV data on cervix uteri cancer patient counts by Indian state, rendering a horizontal bar chart with custom SVG axes. D3's `csv` fetches and parses the data, while `scaleBand` and `scaleLinear` construct the y- and x-scales, and `max` and `ticks` generate tick values. React components map over the scales and data to draw axis lines, tick labels, and colored rectangles, with SVG transforms positioning the visualization within a fixed 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/318624f4b8db4ad4aaf0ede5bcef7f4b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}