Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 6-1

Public visualization

ICE 6-1

0 stars0🌍 Public
Ssaidhiraj16
Last edited Mar 6, 2022
Created on Mar 6, 2022

A horizontal bar chart displays the protein content in grams for ten cereals, ranked by name along the vertical axis. The code uses React with hooks (`useState`, `useEffect`) to fetch CSV data via `d3.csv` and renders the visualization as SVG. D3 scales (`scaleBand`, `scaleLinear`) position bars and axes, with custom tick rendering for gridlines and labels.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed