Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face!

Public visualization

Let's make a face!

0 stars0🌍 Public
Jjlsabo
Last edited Oct 22, 2020
Created on Oct 22, 2020
Forked from Let's make a face!

This example visualizes 13 days of data with a bar chart showing trends over time, using a date-based y-axis and a numeric x-axis. The bars are rendered as SVG rectangles filled with steelblue, driven by the `data.csv` file containing date, actual, and trend columns. The code builds the chart with d3.v6, React, and the `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs, while `select` and `csv` handle DOM selection and data loading. The chart includes axes and margins, but the focus is on the clean, minimal bar representation.

AI-generated description

Making shapes with HTML, CSS and SVG.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed