Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart

Public visualization

Viewing a saved revision (read-only)

8d98129d5dc74cbdb77b4564398f1b48

Bar Chart

0 stars0🌍 Public
FFande Workspace
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from React Starter

This bar chart displays the sepal length, sepal width, petal length, and petal width values from the Iris dataset, with each bar's length proportional to the numeric value in the "value" column. The visualization uses React for component structure and state management, while D3 v5 functions `csv`, `scaleLinear`, and `max` handle data loading and scaling. Bars are rendered as SVG rectangles with a smooth width transition, colored consistently in blue, and positioned along a linear scale that maps data values to pixel widths within a 600x400 canvas.

AI-generated description

React Starter code.