Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lesson 3

Public visualization

Lesson 3

0 stars0🌍 Public
AAditya Gudal
Last edited Feb 23, 2020
Created on Feb 22, 2020
Forked from Lesson 3

This visualization shows a comparison of student heights in a horizontal bar chart, with each bar colored by eye color (black, blue, or brown). The data comes from a CSV file about students. Two charts are rendered side-by-side, one with bars sorted by height and the other sorted by student name. The code uses `d3.csv`, `scaleLinear`, `scaleBand`, and `axisLeft` to load and display the data as SVG rectangles, with manual legend circles and text. Custom colors are applied directly via conditional fill attributes.

AI-generated description

A bare minimum HTML page.

See also React Starter.

This data was taken from The world bank data website

Comments

Sign in to join the discussion.

MIT Licensed