Skip to main content
SimilarExport ZIP
100%

3D Scatter Plot with people dataset

✓ Published0🌍 Public
CCherukuriMilind
Last edited Jul 6, 2022
Created on Jul 6, 2022

This example visualizes a people dataset by plotting two 3D scatter plots side by side. The first trace maps human height, width, and arm length, while the second maps human height, width, and arm width. Using Plotly’s scatter3d type, the chart renders markers with customizable size, opacity, and line styling. The code loads the CSV from a GitHub gist via D3’s `d3.csv` function, extracts columns using a custom `unpack` helper, and then draws the plot with `Plotly.newPlot` into a designated div.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

3D Scatter Plot

This example shows a 3D scatter plot comparing anthropometric measurements—height, weight, age, and body fat—from a CSV dataset. Two overlapping sets of markers display different variable combinations, with semi-transparent circles highlighting the relationships among these dimensions. The visualization uses Plotly's `scatter3d` type through the `Plotly.newPlot` API, while D3's `d3.csv` loads and parses the external data file. A custom layout removes the chart margins to maximize the plotting area.

Ssaijahnaviappineni
85% match
Loading thumbnail…

3D Scatter Plot

This example visualizes body mass index data with an interactive 3D scatter plot, mapping height, weight, and body mass onto the x, y, and z axes. The visualization uses Plotly’s `scatter3d` trace type, rendered inside a `div` via the `Plotly.newPlot` API. Data is loaded asynchronously from a CSV file using D3’s `d3.csv` method, with a custom `unpack` function extracting each attribute into arrays. Markers appear as pink circles with fixed size and opacity, while axis titles are styled in red within the layout’s scene configuration.

LLakshmipriya-kalapala
83% match
Loading thumbnail…

People BMI 3D Scatter Plot

This example displays a 3D scatter plot of people’s Body Mass Index (BMI) using height, weight, and index values loaded from a CSV file. The plot renders pink elliptical markers in three-dimensional space, with axis titles for Height, Weight, and Index styled in brown. It uses the Plotly `scatter3d` trace type via `Plotly.newPlot` to draw the visualization, while D3’s `csv` function handles data loading and parsing. The layout configuration sets margins and custom axis title fonts.

RRupeshGandham
81% 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
81% match
Loading thumbnail…

Reusable D3 Scatter Plot

This scatter plot, built with D3, visualizes relationships between physical measurements from a People dataset. The plot cycles through different x-axis variables—leg length, shoulder length, arm length, and human height—every two seconds, creating an animated view of the data. Data points are colored based on gender, with red for females and orange for males. The visualization uses the `scatterPlot` custom module, along with D3's `scaleLinear`, `axisLeft`, `axisBottom`, and a `join` operation to update circles directly in the SVG.

CCherukuriMilind
81% match
Loading thumbnail…

3D Scatter Plot

This example uses a Plotly 3D scatter plot to visualize the relationship among Height, Weight, and Body Fat from a Body Mass Index dataset. The code loads CSV data with D3 and maps the columns to the x, y, and z axes, rendering individual points as colored markers. The layout defines custom axis titles and fonts while margins are minimized, and the final chart is drawn into a div using `Plotly.newPlot`.

HHarshinireddyy19
80% match
Loading thumbnail…

3D Scatter plot using D3.js

This example presents an interactive 3D scatter plot built with Plotly.js and D3.js, visualizing agricultural crop data. It renders two marker traces from a CSV file: one mapping crop type, production, and district, the other correlating crop year, season, and area. The code uses `d3.csv` to load the dataset and `Plotly.newPlot` to draw the scatter3d traces within a DIV element. The visualization employs 3D markers with custom opacity and line styling to distinguish the two datasets, with the layout margins set to zero.

Ggayathrikavya
80% match
Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes the relationship between length, breadth, and the resulting area and volume for squares and rectangles. Two sets of markers are rendered: red circles for area and green diamonds for volume, each positioned in three-dimensional space based on the CSV data. The example uses Plotly’s `Plotly.newPlot` method to create the `scatter3d` traces, with data loaded via D3’s `d3.csv` function. Axis titles and marker styling are configured through the layout object.

Aanushaanumula
79% match