Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 6: Bar Chart Styling

Public visualization

Viewing a saved revision (read-only)

888d71df243a46d792f4dc3bebf41459

ICE 6: Bar Chart Styling

0 stars0🌍 Public
SSatyaVineeth
Last edited Jun 26, 2022
Created on Jun 25, 2022

This visualization displays the length of each game played from a CSV dataset, using a horizontal bar chart where each bar represents a game. The chart is built with React and D3 v5, employing scales from `d3.scaleBand` and `d3.scaleLinear` to map game numbers and lengths to screen coordinates. SVG rectangles are rendered for the bars, while custom tick marks and labels are generated manually using D3’s `scaleLinear.ticks()` and the band scale domain. Data is loaded asynchronously via `d3.csv`, and the chart is styled with green gridlines and blue text.

AI-generated description

This bar chart shows the Length of Each game that has been played.