Basic Scatter Plot

100%

Basic Scatter Plot

✓ Published0🌍 Public

Last edited Oct 16, 2017

Created on Oct 14, 2017

This responsive scatter plot visualizes the Wisconsin breast cancer dataset, displaying 569 cell nucleus samples plotted by radius_mean and texture_mean. Each point represents a tumor, colored by diagnosis: blue for benign (B) and red for malignant (M). The visualization uses D3 v4 with SVG rendering, and the plot dynamically resizes along with the data point sizes when the window dimensions change. Two distinct clusters emerge in the data, illustrating the separation between benign and malignant cases based on the selected features.

AI-generated description

An example of responding to resize scatter plot.

When the window resizes, the size of the scatter plot changes as well as the size of the individual data points.

This shows Wisconsin breast cancer dataset. Originally published at UCI Machine Learning Repository: Breast Cancer Wisconsin (Diagnostic) Data Set, this dataset was also published on Kaggle This data set contains information about benign or malignant and ten features computed for each cell nucleus, such as radius, texture, and perimeter.

The data visualization shows these two different clusters(B and M).

Forked from curran 's Stylized Scatter Plot with Color Legend.

forked from <a href='http://bl.ocks.org/anqi-lu/'>anqi-lu</a>'s block: <a href='http://bl.ocks.org/anqi-lu/fc7b249b6a5ba80ffbd599657f150ab2'>Scatter Plot - Breast Cancer</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the Wisconsin breast cancer dataset, plotting two key measurements—radius mean and texture mean—for each cell nucleus. Benign and malignant samples are distinguished by color, with a color legend generated using d3-legend. The visualization reveals two distinct clusters corresponding to the diagnostic classes, rendered as SVG circles via D3 v4. The data, originally from the UCI Machine Learning Repository, includes 30 computed features for each nucleus, though only two are shown here to illustrate the separation between benign and malignant cases.

Aanqi-lu

95% match

Loading thumbnail…

Basic Scatter Plot

This interactive scatter plot visualizes the Wisconsin breast cancer dataset, displaying two distinct clusters corresponding to benign and malignant diagnoses. The visualization is built with D3 v4 and rendered as an SVG, featuring brush-and-zoom functionality that allows users to explore the data by panning and scaling the view. Each point represents a cell nucleus, colored to differentiate the two diagnostic categories (B for benign, M for malignant), and the plot includes a color legend for reference. The implementation is based on Mike Bostock's Brush & Zoom II example and Curran's Stylized Scatter Plot with Color Legend.

Aanqi-lu

93% 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

86% match

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

78% 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

77% match

Loading thumbnail…

Scatter Plot - Breast Cancer Report

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.

Nnitinramagiri1@gmail.com

76% 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

76% 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

76% match