task 3

100%

✓ Published0🌍 Public

Last edited Mar 9, 2026

Created on Mar 9, 2026

This visualization presents a combined multi-series chart of the Breast Cancer dataset, displaying three variables across sample indices. Light gray bars represent smoothness_mean, scaled by a factor of 1000, while two overlaid polylines show radius_mean in steelblue and perimeter_mean in orange, using a shared y-axis for measurement values. The chart is rendered as an SVG using d3.v7, with data fetched remotely via d3.csv. Axes include grid lines created through SVG transforms and d3.axisBottom and d3.axisLeft, with a legend and axis labels clarifying the series. The dataset is sliced to the first 80 rows.

AI-generated description

MIT Licensed

Similar vizzes

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

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

79% match

Loading thumbnail…

Fork of bar chart

This bar chart shows the average radius mean of breast cancer tumor cells, grouped by diagnosis (benign or malignant). Sourced from a CSV file fetched via `d3.csv`, the data is aggregated using `d3.rollups` and `d3.mean`. Rendered as SVG, the chart employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis. Bars are styled with a black fill that transitions to steelblue on hover. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with the chart drawn on an 800x500 canvas.

Ssravya010

78% match

Loading thumbnail…

Activity7_Q1

This example presents an animated visualization of the Wisconsin Breast Cancer dataset, rotating through three pie charts every few seconds. The charts display the distribution of mean smoothness, the count of malignant versus benign tumors, and the distribution of mean radius. Using D3 version 6, the visualization loads CSV data from a Gist URL, computes bin counts client-side, and renders each chart with SVG paths via d3.pie and d3.arc. A setInterval timer drives the rotation, while a legend with color-coded ranges updates for each chart.

Rrohitpotluri@my.unt.edu

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

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

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

75% match

Loading thumbnail…

Fork of Activity7_Q2

This visualization presents a rotating sequence of three area charts that explore different feature pairs from the Wisconsin Breast Cancer dataset, cycling every five seconds with animation. The code uses D3 v6’s `scaleLinear`, `area`, and `curveMonotoneX` to render monotone-smoothed, semi-transparent steelblue areas, with axes and labels generated via `axisBottom` and `axisLeft`. Each chart compares measurements like mean radius against mean texture, sourced from a CSV loaded through D3’s `csv` function.

Rrohitpotluri@my.unt.edu

75% match