Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar chart with D3.js

Public visualization

Viewing a saved revision (read-only)

703ab33d1b934a2c8c56926230bbbc49

Bar chart with D3.js

3 stars9🌍 Public
ZZakaria
Last edited May 18, 2020
Created on May 15, 2020
Forked from HTML Starter

This bar chart visualizes the popularity of programming languages using data from Stack Overflow’s 2019 survey. Hovering over a bar highlights it and displays the percentage difference between the hovered language’s value and every other language’s value, with a dashed reference line marking the selected baseline. The visualization uses D3.js v5 with SVG rendering, employing `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for gridlines and ticks. Interactive transitions via `d3.transition()` animate opacity changes on mouseenter and mouseleave events.

AI-generated description