Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

4f4a56ccbee8426b970ffb87cb2a5218

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

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

This visualization displays the top 10 cricketers by score using a horizontal bar chart, with the title and data loaded from a CSV file via `d3.csv`. React manages the component state and renders SVG marks, while D3 v5 provides the scales: `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis. The x-axis ticks are drawn explicitly using `xScale.ticks()`, but no y-axis line or tick marks are rendered, only text labels. The bar widths encode score values, and the chart lacks axis titles or a legend, making it a minimal representation of the underlying data.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.