Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive coloured bar chart

Public visualization

Interactive coloured bar chart

0 stars0🌍 Public
LLayaMyadam@my.unt.edu
Last edited Apr 27, 2024
Created on Apr 27, 2024
Forked from HTML Starter

This interactive bar chart displays salary statistics (median, average, lowest, and highest) for a selected country, with each metric rendered as a distinctly colored bar. A dropdown menu lets the user choose a country, triggering a re-render of the SVG visualization. The chart uses D3.js v7 to load data from a CSV, create scales, draw bars, and manage the tooltip and hover effects, while React handles the overall application structure. Bar colors come from D3’s `schemeCategory10`, and the tooltip appears on mouseover to show the numeric value.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed