Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

[A10] CPI of Meats in 2015 (Intentional Black + White Redesign)

Public visualization

[A10] CPI of Meats in 2015 (Intentional Black + White Redesign)

0 stars0🌍 Public
Cctan13@dons.usfca.edu
Last edited Apr 8, 2024
Created on Apr 5, 2024
Forked from HTML Starter

This example presents a side-by-side comparison of Consumer Price Index (CPI) values for various meats in 2015, with a base year of 1990. The intentionally stark black-and-white redesign highlights Pork in red, contrasting it with the gray bars of other meats, and uses the title "PORK IS BAD NO ONE BUY." The visualization employs two separate SVGs rendered with D3.js v7, using `d3.csv` to load data from a Gist, `d3.scaleLinear` and `d3.scaleBand` for axes, and `d3.axisBottom` and `d3.axisLeft` for ticks. Hover interactions in the white chart display CPI values via tooltips.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed