Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Bar Graph

Public visualization

Viewing a saved revision (read-only)

0c9cee56d0374fddadc4906da015c4c0

ICE-6 Bar Graph

0 stars0🌍 Public
AAmruthaVee
Last edited Mar 23, 2023
Created on Mar 23, 2023

This example shows a horizontal bar graph of penguin classifications based on island, with bar lengths representing body mass in grams. The visualization uses React state hooks to load CSV data, then renders the bars as SVG rectangles. It employs d3.scaleBand for the categorical y-axis, d3.scaleLinear for the continuous x-axis, and d3.max to compute the domain. Gridlines and tick labels are manually drawn using d3 axis methods, while the data comes from a gist-hosted CSV file.

AI-generated description

A whole smiley face