Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice-6

Public visualization

Viewing a saved revision (read-only)

deb3504219e748a2965f138ca09ea75f

ice-6

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

This example shows the cost of 15 laptops from a CSV dataset, displayed as a horizontal bar chart. The visualization uses React to manage state and render an SVG, while D3 v5 utilities (`scaleBand`, `scaleLinear`, `max`, `csv`) handle data loading, scaling, and axes. Values are plotted with `rect` elements, and orange grid lines with tick labels are generated via `xScale.ticks()`. The chart is titled "laptops" and uses a magenta heading, with bars extending from the left margin.

AI-generated description

A bare minimum HTML page.