Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Data

Public visualization

Viewing a saved revision (read-only)

c86a27b432ea4f7da03311af1a2faee0

ICE-6 Data

0 stars0🌍 Public
Aarcothanmukha
Last edited Mar 8, 2022
Created on Mar 8, 2022

This example displays a bar chart of salary hikes for the top 20 countries, with each bar’s length proportional to a population value from a CSV file. The visualization uses React to manage state and render the SVG, while D3 v5’s `csv` loader, `scaleBand`, `scaleLinear`, and `max` functions handle data parsing, scaling, and layout. Green rectangles represent the bars, with blue gridlines and tick labels generated manually from the scales. The data is fetched from a GitHub-hosted CSV via a raw URL.

AI-generated description

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

See also React Starter.