Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

24c5a693745340b99b7f6926cd322b53

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars1🌍 Public
SSreejaBellamkonda
Last edited Mar 5, 2022
Created on Mar 5, 2022

This bar chart displays supermarket sales data, showing the unit price for different product lines. Built with React and D3 v5, it renders as an SVG with vertical grid lines and horizontal bars. The visualization uses D3’s `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and loads data from a CSV file via `d3.csv`. React’s state management handles the asynchronous data loading and updates the chart accordingly.

AI-generated description

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

See also React Starter.