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)

f0f74265b4ea4ae4a970795973c1a7b9

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