{"version":"1.0","type":"rich","title":"Charts Web Component","description":"This React web component renders a horizontal bar chart where a blue rectangle represents each data category, with the bar’s width proportional to its score value. The code defines the bars through D3’s `svg.selectAll`, `enter()`, and `.append(\"rect\")` operations, while explicitly using `x`, `y`, `d3.scaleBand`, `d3.scaleLinear` (implied by the x/y domains) and `d3.axisBottom` for the time-scaled axes. The example includes commented-out D3 code for loading CSV data via `d3.csv`, though the active implementation relies on hard-coded data passed to React’s `ReactDOM.render`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e282498ebd94afe9b4f8db7afcbb56b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}