Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bonus ICE using ICE6 Prasanth Solution

Public visualization

Viewing a saved revision (read-only)

6e58dc4f09f74707b575b16d37069a41

Bonus ICE using ICE6 Prasanth Solution

0 stars0🌍 Public
PPrasanth
Last edited Apr 6, 2023
Created on Apr 6, 2023

This example shows the monthly cost of basic Amazon services across twelve countries using a horizontal bar chart. The visualization uses React hooks (useState, useEffect) to fetch and parse the CSV data with d3.csv, then renders SVG rectangles scaled by d3.scaleLinear and d3.scaleBand. Axis ticks and gridlines are generated manually using d3.ticks, with red dashed lines marking each cost value. The chart displays country names on the y-axis and dollar amounts on the x-axis.

AI-generated description

A whole smiley face