Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

bar chart from bonus ice

Public visualization

Viewing a saved revision (read-only)

2bb81d3b464740019800011df933f553

bar chart from bonus ice

0 stars1🌍 Public
TTejamod
Last edited Jul 6, 2022
Created on Jul 5, 2022
Forked from HTML Starter

An interactive bar chart displays global sales figures for ten video games and programming languages, with hover highlighting that reveals the percentage difference between the selected bar and all others. Built with React and D3 v5, the visualization uses SVG rendering and transitions to animate bar opacity and width changes on mouse events. D3 scales (`scaleBand`, `scaleLinear`) drive the axes, while grid lines and axis generators (`d3.axisLeft`, `d3.axisBottom`) structure the layout. A dashed horizontal line and divergence labels appear on hover, with data sourced from a hardcoded sample array containing names, sales values, and colors.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.