3D scatter plot

100%

3D scatter plot

✓ Published0🌍 Public

Last edited Apr 3, 2023

Created on Apr 3, 2023

Forked from Untitled

This 3D scatter plot visualizes insurance data, showing the relationship between BMI (x-axis), age (y-axis), and insurance charges (z-axis). Each point is colored according to the insured person's region, using a custom color scale that maps southwest, southeast, and northwest to distinct hues. The visualization is built with Plotly’s `scatter3d` trace type, with data loaded via D3’s CSV parser, and rendered in a WebGL-enabled browser. The plot features colored axis backgrounds, white gridlines, and a fully margin-less layout for an immersive view.

AI-generated description

A 3D scatter plot using Three.js and D3.

MIT Licensed

Similar vizzes

Loading thumbnail…

BONUS ICE 3D-ScatterPlot (Dhanusree Kodali)

This 3D scatter plot visualizes insurance charges as a function of age and BMI, with each point colored by the insured person’s region (southeast, southwest, northwest, northeast) using a custom four-color scale. The visualization uses Plotly.js’s `scatter3d` trace type to render markers within an interactive 3D scene. The code loads a CSV of insurance data via `d3.csv` and maps the `region` field to numeric color values, which are then passed to the `marker` object along with a `pl_colorscale`. Each axis is given a distinct pastel background color, while the chart itself is embedded in a simple HTML page with a pink background and styled title.

DDhanusree Kodali

87% match

Loading thumbnail…

3d Scatter Plot Bonus ICE 11551417

This example shows a 3D scatter plot of insurance data, overlaying two traces: one maps age and sex against BMI, while the other maps the same age and sex axes against charges. The visualization uses Plotly’s `scatter3d` type, with markers rendered via the `Plotly.newPlot` API. Data is loaded asynchronously from a remote CSV using `d3.csv`, and the `unpack` function extracts columns for each trace. The layout collapses all margins, producing a frameless plot.

SSrujana390

86% match

Loading thumbnail…

3D-ScatterPlot

This 3D scatterplot visualizes insurance charges against age and BMI, using the Palmer Penguins dataset via `d3.csv` to load remote data. Plotly.js renders the interactive chart inside a `myDiv` container, with markers colored by penguin species through a custom colorscale and a `scatter3d` trace. The layout defines axes for age, BMI, and charges, each with distinct background colors, while d3’s `unpack` function extracts numeric fields from the CSV rows. The visualization emphasizes distribution patterns across three continuous variables.

Yyamunayennem

83% match

Loading thumbnail…

ICE-6 Scatter Plot

This D3.js scatter plot visualizes an insurance dataset, mapping BMI to charges for individual patients. Points are colored red for smokers and green for non-smokers, using a custom `scaleLinear` mapping for the axes. The visualization employs `csv` for data loading, `select` and `join` for SVG circle rendering, and `axisLeft`/`axisBottom` for labeled axes, with all text styled in cursive. The plot includes age and children values as `rx` and `ry` attributes on the circles, though these do not affect the visual output.

Ggayuvurukuti@gmail.com

81% match

Loading thumbnail…

Assignment 2 Question 5

This visualization shows how insurance charges relate to age, BMI, and sex using a scatter plot. The chart animates every 5 seconds, cycling its x-axis between patient age, insurance charges, and BMI, while the y-axis consistently displays insurance charges. Data points are color-coded blue for males and red for females. Built with D3 version 6.7.0, it uses `scaleLinear`, `axisLeft`, and `axisBottom` from the library and loads data from a local CSV file, rendering as an animated SVG.

MMichael Biancardi

80% match

Loading thumbnail…

Reusable scatter plot

This reusable D3 scatter plot visualizes the insurance dataset, mapping age on the x-axis and cycling through BMI, charges, and children values on the y-axis every two seconds. It uses SVG rendering with animated transitions to swap the y-axis label and rescale the data points. The plot differentiates data points by smoker status using distinct symbols and colors from D3's `schemeCategory10` scale, and is built with reusable accessors for width, height, data, and margins.

Kkotlavamsireddy@gmail.com

80% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the relationship between age and BMI using an insurance dataset, with each point colored by species. The visualization uses D3 v6 with SVG rendering, loading data from a GitHub gist via `d3.csv` and parsing numeric values. Axes are generated with `axisLeft` and `axisBottom`, while `scaleLinear` maps data domains to pixel ranges. Circle marks are drawn using `selectAll` and `join`, with axis labels styled via SVG text elements in a React-friendly HTML page.

SSrujana390

80% match

Loading thumbnail…

Reusable D3 Scatter Plot

This reusable D3 v6 scatter plot visualizes insurance data, mapping BMI and charges via the extensible `scatterPlot()` chart factory. The SVG rendering initially plots petal width against sepal length, then cycles through four data columns every two seconds, animating the axis scales and circles with `setInterval`. The chart employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, while the getter-setter pattern supports dynamic updates. Data loads as CSV from a remote gist, with custom labels added for the x- and y-axes.

Ssrivalliwuyyuru

80% match