Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Breast Cancer Data Bar Chart

Public visualization

Viewing a saved revision (read-only)

71465b1d84f74603a674ad28338c4b53

Breast Cancer Data Bar Chart

0 stars0🌍 Public
HHemanthh81
Last edited Jul 21, 2023
Created on Jul 21, 2023
Forked from Activity 7

This bar chart visualizes breast cancer data, comparing two numeric attributes—perimeter_mean on the x-axis and radius_mean on the y-axis—across individual records. The chart uses D3 v7 to fetch a CSV dataset from a GitHub repository, then renders horizontal bars via SVG rectangles. Scales are created with d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, while d3.axisBottom and d3.axisLeft generate the corresponding tick marks and labels. The code includes React components for reusable axes and marks, though the primary implementation in index.html directly manipulates the SVG.

AI-generated description

A demonstration of how to start using D3 version 6.