🌍 Public
[A10] CPI of Meats in 2015 (Intentional Black + White Redesign)
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
![[A4] CPI of Meats in 2015 (Bar Chart)](/viz/045c46a56d84480b895c57827c6855f2/social-image.png?v=36444b898abf4371a0518e5758053c0e)
![[A5] Beef CPI from 2000 - 2015 (Line Chart)](/viz/cf64b5d0f6074c83bf6d9c01a4ffb956/social-image.png?v=88c4f054e41c471a9478ec564192bc2c)
![[A7] CPI of Various Grains from 2000 - 2015 (Multi-Line Chart with a Color Legend)](/viz/5397762c89a7414682bb3ce931f0453c/social-image.png?v=0b6b2775c40b4397b4b97927f0f105ab)
![[A11] My Chart](/viz/b442f2340cd543c88d88463c95f2f1d4/social-image.png?v=461d19cf32b14f6c98c3e43b490536b3)
![[A7] (Heat Map for Time Series Data with a Color Legend)](/viz/fe4800804b6a4bb0ba108e4997d78874/social-image.png?v=6ffdf70aabc44585a03e00d22a1d4a77)



Comments
Sign in to join the discussion.