Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Students Grades of Bar Chart

Public visualization

Students Grades of Bar Chart

1 star0🌍 Public
SshanLU999
Last edited May 26, 2021
Created on May 26, 2021
Forked from Bar Chart

This horizontal bar chart displays student grades, with each student’s name on the y-axis and their corresponding numerical grade on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG bars. Data is loaded from a CSV file, and interactive features include tooltips on mouseover and an alert on click, triggered via `select` and event listeners. Grid lines and axis labels are conditionally configured through a chart configuration object.

AI-generated description

This is a sample Bar Pie chart. This will be later exported to angular.

Comments

Sign in to join the discussion.

MIT Licensed