Bonus ICE - Interactive Bar Chart
✓ Published0🌍 Public
This interactive bar chart visualizes the current inflation rates of G20 countries as of March 2023. The chart displays each country’s rate as a colored bar, with values labeled directly atop each bar. Upon hovering over a bar, the chart highlights that bar, draws a dashed reference line at its value, and shows the percentage divergence of every other country relative to the selected one. The visualization is built using React with D3.js v5, rendering SVG elements with animated transitions triggered by mouse events. The data originates from the Stack Overflow developer survey.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed