Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

bebed0873fde408f808537f63d823d4f

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

0 stars0🌍 Public
Kkarumanchimanasa
Last edited Mar 7, 2023
Created on Mar 3, 2023

This scatterplot-like bar chart displays the ages of fifteen individuals grouped by gender, using horizontal bars to compare values. The visualization combines React for component state management and rendering with D3 v7 for data loading and scale calculations. It loads CSV data from a GitHub gist via d3.csv, then uses d3.scaleBand and d3.scaleLinear to position bars, with custom tick rendering instead of d3.axisBottom or d3.axisLeft.

AI-generated description

A bare minimum HTML page.