Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice-6

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed