🌍 Public
Viewing a saved revision (read-only)
0e32af0f55b64fa4a8b799ca55911b7e
Hello VizHub
This example displays a horizontal bar chart of Overwatch team match times, with each bar’s length proportional to its numeric difficulty value. Hovering a bar highlights it with a black stroke and logs the team name to the console. It uses d3.scaleLinear and d3.scaleBand for scaling, d3.axisLeft and d3.axisBottom for axes, and d3.csv to load the dataset. The SVG renders through d3 selections, with mouseover and mouseout events triggering an onHover callback that updates the chart state.
AI-generated descriptionAn example showing the capabilities of VizHub.