Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2.8 - Activity: Your first visualization!

Public visualization

2.8 - Activity: Your first visualization!

0 stars0🌍 Public
Mminhphan88
Last edited Jul 6, 2022
Created on Jul 6, 2022
Forked from Hello VizHub

Five horizontal bars display the heights of five skyscrapers, loaded from a local JSON file and rendered as SVG rectangles. The visualization uses D3.js v5 with `d3.json` to fetch and parse the data, converting each height string to a number. Bars are appended to an SVG canvas with fixed dimensions, using `selectAll` and `enter` for data binding. Each rectangle’s height is mapped directly to the data value, with grey fills and uniform positioning along the x-axis.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed