🌍 Public
[A7] CPI of Various Grains from 2000 - 2015 (Multi-Line Chart with a Color Legend)
This multi-line chart displays the Consumer Price Index (CPI) for corn, rice, rye, and wheat from 2000 to 2015, using color-coded lines and circles for each grain. The visualization loads data from a CSV file and renders it with SVG using d3.v7, applying d3.line for the paths, d3.axisBottom for the x-axis, and d3.legend for a color legend. Hovering over a circle highlights it in orange and displays a tooltip with the year, CPI value, and grain type. The chart includes labeled axes and a title.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
![[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)
![[A7] (Small Multiples of Lines Chart with a Color Legend)](/viz/1fbc0f711a734d64b5a9dae1f8627907/social-image.png?v=cce62b98b6834e6c987d1033cd10b6b3)
![[A5] Beef CPI from 2000 - 2015 (Line Chart)](/viz/cf64b5d0f6074c83bf6d9c01a4ffb956/social-image.png?v=88c4f054e41c471a9478ec564192bc2c)
![[A4] CPI of Meats in 2015 (Bar Chart)](/viz/045c46a56d84480b895c57827c6855f2/social-image.png?v=36444b898abf4371a0518e5758053c0e)
Comments
Sign in to join the discussion.