Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

7816060b159c42259c27f7fd59a018ef

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
BBajiSharifPatan@my.unt.edu
Last edited Mar 6, 2022
Created on Mar 6, 2022

This visualization displays a horizontal bar chart ranking the top 10 most populous countries based on 1990 nuclear energy data. The chart uses SVG rendering within a React component, leveraging d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. Data is loaded asynchronously via d3.csv from a GitHub gist, with the first nine rows selected for display. The code manually constructs gridlines, tick labels, and rectangles rather than using d3.axisBottom or d3.axisLeft, demonstrating explicit mark and channel creation.

AI-generated description

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

See also React Starter.