Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Bar Graph

Public visualization

Viewing a saved revision (read-only)

47a19acd888847c4a93661f85b57a632

ICE-6 Bar Graph

0 stars0🌍 Public
Aachyutanandmishra17@gmail.com
Last edited Mar 23, 2023
Created on Mar 23, 2023
Forked from HTML Starter

This example shows the monthly cost of basic internet service for the 12 most expensive dog-breed-owning countries, displayed as horizontal bars. It uses React with hooks (useState, useEffect) to load and manage the CSV data, while d3's scaleBand and scaleLinear map country names and costs to SVG rectangles. Axes are drawn manually with d3's max, format, and tick generation, and the visualization renders directly to SVG with red gridlines and a loading state.

AI-generated description

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

See also React Starter.