Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8_Question2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3e3979c551674204879635deb6457f7f

Open

Activity8_Question2

0 stars1🌍 Public
Zzoe.romo@att.net
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This chart shows the percentage distribution of monthly housing costs across five home types: Studio, Apartment, House-Owned, House-Rental, and Shared Space. Three cost brackets—below $1000, $1000–$3000, and above $3000—are displayed as stacked horizontal bars, with each segment colored according to a `d3.scaleOrdinal` color scale. The data, loaded from `MonthlyCostOfLiving.csv`, is processed using `d3.stack`. The SVG rendering uses `d3.axisBottom` and `d3.axisLeft` for axes, and an interactive tooltip appears on mouseover to show the exact percentage for each cost range.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.