Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels (Bar Chart)

Public visualization

Viewing a saved revision (read-only)

c012396d36164a99b7f0c9568c8b093d

Fork of ICE-6: Rendering Marks and Channels (Bar Chart)

0 stars0🌍 Public
Ssnehareddygurram
Last edited Mar 12, 2023
Created on Mar 12, 2023

This visualization shows international migration by age and sex as a bar chart, with categories on the x-axis and values on the y-axis. The React component loads CSV data from a GitHub gist using d3.csv, then renders an SVG with d3.scaleBand and d3.scaleLinear for the axes. It uses d3.axisBottom and d3.axisLeft to display ticks, while the bars are drawn as SVG rectangles with a steelblue fill. The code explicitly imports d3 functions via ES6 modules and leverages React hooks (useState, useEffect) for data fetching and state management.

AI-generated description

A bare minimum HTML page.