Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

9a1809ec745d4e7dbbc73ceb54e3e58d

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

0 stars0🌍 Public
Kkalyanikotha
Last edited Mar 6, 2022
Created on Mar 6, 2022

This bar chart displays the top 10 companies by bicycle sales, rendered as horizontal bars within an SVG. The visualization is built using React and D3, with data loaded from a CSV file. The code uses `d3.csv` to fetch and parse the data, and `d3.scaleBand` and `d3.scaleLinear` to map company names and sales values to visual positions. Each bar’s width is proportional to its sales figure, with gridlines and axis ticks generated from the linear scale.

AI-generated description

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

See also React Starter.