🌍 Public
[A5] Beef CPI from 2000 - 2015 (Line Chart)
This line chart visualizes beef Consumer Price Index (CPI) values from 2000 to 2015, sourced from a CSV file. The chart displays data points as gray circles connected by a line, with hover interactions that change a point's color to orange and display a tooltip showing the specific year and CPI value. Built with React and D3.v7, the visualization uses d3.scaleLinear for axis scaling, d3.axisBottom and d3.axisLeft for axes, and d3.line for the connecting line, all rendered as SVG elements in a full-window canvas.
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)
![[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)
![[A10] CPI of Meats in 2015 (Intentional Black + White Redesign)](/viz/4ddb546e0d0948b5bf5cc888cba1d019/social-image.png?v=a21a9ae4d876417c9367635550cbea01)
![[A7] (Heat Map for Time Series Data with a Color Legend)](/viz/fe4800804b6a4bb0ba108e4997d78874/social-image.png?v=6ffdf70aabc44585a03e00d22a1d4a77)


![[A7] (Small Multiples of Lines Chart with a Color Legend)](/viz/1fbc0f711a734d64b5a9dae1f8627907/social-image.png?v=cce62b98b6834e6c987d1033cd10b6b3)
Comments
Sign in to join the discussion.