Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Making a Bar Chart

Public visualization

Fork of Making a Bar Chart

0 stars0🌍 Public
TtreasurehunterAP
Last edited Jan 30, 2022
Created on Jan 30, 2022
Forked from Making a Bar Chart

This chart shows the marks of 10 students as individual bars. The bar lengths encode the mark values, while the vertical positions correspond to each student’s ID. The visualization uses d3’s `scaleBand` and `scaleLinear` to map student IDs and marks to SVG pixel coordinates. The data is loaded from a CSV file using d3’s `csv` function, and the marks are parsed to numbers before rendering. Each bar is drawn as a `rect` element, with the bar’s height derived from `yscale.bandwidth`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed