Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stack Bar Chart

Public visualization

Viewing a saved revision (read-only)

fbe3c7773a9140738f9fdeac4794d46d

Stack Bar Chart

0 stars0🌍 Public
JJeyasuriya M
Last edited Dec 7, 2021
Created on Nov 30, 2021
Forked from Smiley Face Part V

This stacked bar chart displays the counts of correct and incorrect responses, categorized by strong and weak confidence levels, across five timestamps from November 19, 2021. The chart uses d3.stack with stackOrderAscending to layer the four color-coded categories, while React checkboxes allow users to toggle which categories appear. The visualization is rendered as an SVG using d3.scaleBand and d3.scaleLinear for axes, with a useResizeObserver hook making the chart responsive to container width changes.

AI-generated description

Splitting React components into multiple files using ES6 modules. Bonus: React Fragments!