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

100%

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

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

Forked from Fork of Fork of 3D Scatter Plot with Iris Dataset

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

82% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot Dataset

This 3D scatter plot visualizes a dataset of flower measurements using two marker styles to represent different attribute combinations. The visualization uses Plotly's `scatter3d` trace type, with one series plotting flower length against itself and another plotting length against width. Data is loaded via D3's CSV parser from a GitHub-hosted dataset, and the chart renders inside a designated HTML division using `Plotly.newPlot`. The interactive plot supports rotation and zooming for exploring the three-dimensional point distribution.

NNaimisha-M

78% match

Loading thumbnail…

Fork of 3D Scatter Plot

This interactive 3D scatter plot visualizes two sets of coordinates from a CSV dataset, using height, length, and corner positions as the three axes. Each of the two traces appears as a cluster of markers, with different colors, sizes, and opacities to distinguish the data groups. The visualization is built with Plotly’s `scatter3d` trace type and rendered via `Plotly.newPlot`, while the data loading and parsing rely on D3’s `d3.csv` function. The chart updates dynamically in response to the user’s rotation and zoom controls.

KKeerthipriyaBankuru

78% match

Loading thumbnail…

Fork of 3D Scatter Plot

This example shows flower measurements from a berrylily dataset plotted in three dimensions, with points colored and sized to compare calyx length, calyx width, and curlicue dimensions. The visualization uses Plotly’s `newPlot` API with two traces, one for scatter2d and one for scatter3d, to overlay different views of the same data. Data is loaded via `d3.csv` from a GitHub gist, and the plot is rendered inside a div with minimal layout margins.

MMgk1255

77% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot with Iris Dataset

A 3D scatter plot of the Iris dataset displays flower measurements across three axes, with sepal length, sepal width, and petal length in one trace, and petal width replacing the vertical axis in a second trace. The interactive visualization uses Plotly.js with a `scatter3d` and `scatter2d` type, loading data from a CSV via D3.js `d3.csv`. Markers vary in size, opacity, and color, with the layout margins set to zero for a clean presentation.

Aamiralitah

77% match

Loading thumbnail…

ICE Bonus 3D Scatter Plot

This 3D scatter plot visualizes a cancer dataset, plotting radius, area, and cancer status as three dimensions. Two traces render the same data points with different marker styles, both using gray tones for the circles. The visualization is built with Plotly's `scatter3d` trace type, with data loaded via D3's `d3.csv` function from a GitHub-hosted CSV file. The Plotly `newPlot` function renders the chart inside an HTML div.

KKetha

77% match

Loading thumbnail…

Fork of 3D Scatter Plot

This fork of a 3D scatter plot visualizes the Iris dataset, displaying two series of markers that map sepal length, sepal width, and either petal length or petal width. The visualization uses Plotly’s `Plotly.newPlot` to render a `scatter3d` chart inside a `div`, with data loaded via `d3.csv`. Each trace configures marker size, opacity, and line styling, while the layout removes all margins to focus on the plotted points.

VVineela Reddy

77% match