Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6: Rendering Marks and Channels with React & D3.JS

Public visualization

Viewing a saved revision (read-only)

349f0583ae584cdd9f57e150669b506a

ICE-6: Rendering Marks and Channels with React & D3.JS

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

This example visualizes the top 9 nuclear-armed countries by their 2020 warhead counts using a horizontal bar chart. It employs React and D3.js v5 to render SVG marks and channels, with a green color scheme and red bars, and includes axis ticks and labels. The data is loaded from a CSV file using `d3.csv`, and the scales are created with `scaleBand` and `scaleLinear`. The chart displays a title and country names along the categorical axis, with the numeric axis representing the nuclear weapon counts.

AI-generated description

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

See also React Starter.