Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

GroupedBarchart

Public visualization

Viewing a saved revision (read-only)

375c936f11574efea1f400c4399deefa

GroupedBarchart

0 stars0🌍 Public
Vvyjayanthimamidipalli@gmail.com
Last edited Apr 8, 2025
Created on Apr 8, 2025
Forked from Hello VizHub

This grouped bar chart compares anxiety levels across school grades and genders. The visualization displays clusters of bars for each grade, with individual bars representing male and female students, and color distinguishes anxiety severity categories. The code uses D3.js v7 with `d3.scaleBand` for grouping, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for axes. Hover interactions trigger tooltip updates via `d3.select`. Data is pre-aggregated in the script, rendered as SVG using `d3.select` and `append` methods.

AI-generated description