Skip to main content
SimilarExport ZIP
100%

Scatter Plot - Breast Cancer Report

✓ Published1🌍 Public
Nnitinramagiri1@gmail.com
Last edited Sep 25, 2024
Created on Sep 19, 2024

This scatter plot from the Breast Cancer Report dataset shows the relationship between cell thickness and epithelial cell size, revealing a positive correlation between the two variables. The visualization uses D3 scales and axes to map the data points, with circles rendered at varying opacities against a gray background. The code implements the chart using D3’s `scaleLinear`, `axisLeft`, and `selectAll` data joins, while importing custom axis label utilities from `@curran/axis-labels`. Each circle’s position is determined by the `xValue` and `yValue` accessors, and the plot includes labeled axes with specified margins and offsets.

AI-generated description

A simple scatter plot of my World Happiness dataset

This scatter plot visualizes the correlation between a country's healthy life expectancy and GDP per capita. This scatter plot suggests that there is a positive relationship between a country's life expectancy and GDP!

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot of Breast Cancer

This scatterplot shows the relationship between clump thickness and cell size in the Breast Cancer dataset, with each point representing a sample. The code loads the CSV data from a GitHub gist using `d3.csv`, parses the numeric fields, and maps them to x and y positions via `d3.scaleLinear` with an auto-computed extent. Circles are rendered as SVG elements, and axes are added using `d3.axisLeft` and `d3.axisBottom`. The visualization fills the browser window, with margins and a fixed point radius, demonstrating a basic D3 v6 data-joining workflow.

RRidhima Saxena
87% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Breast Cancer Wisconsin dataset, showing the relationship between the radius and texture mean of cancer cells. Each point is colored blue or yellow to indicate a malignant or benign diagnosis, with axis labels for both dimensions. The visualization is built using D3 v6 within a React framework, loading CSV data via `d3.csv` and rendering SVG circles with `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`. It uses JavaScript’s `innerWidth` and `innerHeight` to size the chart responsively.

KKetha
78% match
Loading thumbnail…

Breast Cancer Data Bar Chart

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.

HHemanthh81
77% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Breast Cancer dataset, with points transitioning every two seconds between four numeric attributes: area, texture, perimeter, and radius standard error. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, while SVG circles are joined to data and updated via a `setInterval` callback that swaps the x-value accessor. The reusable chart pattern, defined in `scatterPlot.js`, accepts configurable width, height, margins, and radius, with animations handled through D3’s data join.

Aamiralitah
77% match
Loading thumbnail…

Fork of Fork of Fork of 3D Scatter Plot with Breast Cancer

This visualization displays two scatter plots of breast cancer dataset features, including radius, texture, perimeter, and area measurements. The visualization combines a 2D scatter plot and a 3D scatter plot, both rendered using the Plotly.js library with data loaded via D3.js’s CSV parsing. The plots use marker styling with custom colors, symbol shapes, and opacity settings to distinguish between the two display modes. The 3D scatter plot explores relationships between radius, texture, and area features, while the 2D plot compares radius and texture with perimeter measurements.

Aamiralitah
75% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot, built with D3.js, visualizes breast cancer tumor data from a CSV file, cycling through different feature pairs on the x-axis. It shows the relationship between various cell measurements, with data points colored by cancer stage (orange for stage one, blue for stage two, black for stage three). The visualization uses an SVG with a custom `scatterPlot` function and a `setInterval` animation to swap the x-axis variable, while a legend and axis labels clarify the mapping.

Aamiralitah
73% match
Loading thumbnail…

Activity6_Task3 Question 1

This scatter plot visualizes the Cancer dataset, plotting each sample’s mean radius against its mean texture. Points are colored by diagnosis—sky blue for benign (B) and orange for malignant (M)—with a legend in the upper right. Built with D3 v6, the visualization loads CSV data from a GitHub repository, uses `scaleLinear` for axes, and renders circles via SVG. Axis labels and ticks are generated using `axisLeft` and `axisBottom`, while the plot dimensions adapt to the browser window.

Rramsrinivaskatragadda@my.unt.edu
71% match
Loading thumbnail…

Question3

This example visualizes cancer data as a scatterplot, plotting tumor radius mean on the x-axis against texture mean on the y-axis. Each point is colored green for benign diagnoses and red for malignant ones, based on the dataset’s Diagnosis field. The code loads CSV data via `d3.csv` from a GitHub raw URL, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to construct the chart. Rendering is done with SVG circles, with axes and labels appended directly to the SVG container.

Vvishu.valandas@gmail.com
71% match