Skip to main content
SimilarExport ZIP
100%

3D Scatter Plot Sharanya Javvaji

✓ Published0🌍 Public
SSharanya1307
Last edited Apr 5, 2023
Created on Apr 4, 2023
Forked from 3D Scatter Plot

This 3D scatter plot visualizes the penguin dataset, showing the relationship between Flipper Length, Body Mass, and two different culmen measurements as separate series. The plot uses Plotly’s `scatter3d` trace type to render markers with varying opacity and size, with the chart embedded in a simple HTML page. The code loads data via `d3.csv` from a raw GitHub URL, then constructs traces and a layout with zero margins, finally calling `Plotly.newPlot` to display the interactive 3D visualization.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot- Sharanya Javvaji

This scatter plot displays penguin flipper length against body mass, with each point colored by species using a custom color mapping function. The chart also encodes culmen dimensions in the circle’s rx and ry attributes, though these are not visually varied since the radius is fixed. Built with D3 v6, the visualization uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map scales and axes, while loading data from a CSV via `d3.csv`. Rendered as SVG in a React project, it includes axis labels and a title, with the body margin removed for a full-screen layout.

SSharanya1307
88% match
Loading thumbnail…

Penguin Data scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass across three penguin species, with each species assigned a distinct color. The code uses D3.js to load CSV data from a GitHub gist, employs `scaleLinear` with `extent` for axis domains, and renders circles with SVG. Axes are generated using `axisLeft` and `axisBottom`, and the chart includes custom serif labels for both axes and a title.

JJasvitha Allamsetty
86% match
Loading thumbnail…

3D scatter plot-penguin dataset

A 3D scatter plot visualizes the penguin dataset, showing body mass, culmen length, and flipper length for three penguin species, with each species color-coded via a custom Plotly colorscale. The chart uses Plotly’s `scatter3d` trace type to render interactive markers, while D3 loads the CSV data and maps species names to numeric color values. Three.js is referenced in the README, though the actual visualization relies on Plotly’s WebGL rendering. The plot includes labeled axes and semi-transparent grid backgrounds for depth perception.

Yyamunayennem
86% match
Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes penguin measurements from a CSV dataset, mapping culmen length, flipper length, and body mass onto the x, y, and z axes. Each point represents an individual penguin, with color indicating its species: Adelie, Chinstrap, or Gentoo. The visualization is built using Plotly’s `scatter3d` trace type, with data loaded and processed via D3’s `csv` function. The plot is rendered in a webgl context, featuring colored markers with black outlines and customizable axis backgrounds.

Ggayuvurukuti@gmail.com
85% match
Loading thumbnail…

3D scatter plot-penguin dataset

A 3D scatter plot visualizes the penguin dataset from a CSV file, showing relationships between body mass, culmen length, and flipper length for three penguin species. Each species is distinguished by color—blue, orange, and yellow—using a custom colorscale. The plot uses Plotly’s `scatter3d` type and `Plotly.newPlot` to render an interactive WebGL scene via Three.js, while D3 handles loading and parsing the CSV data.

Yyamunayennem
85% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with each species distinguished by color. The code uses D3 v5 with SVG rendering in a React context, loading data from a CSV file hosted on GitHub. It employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot, positioning circles via `cx`, `cy`, and `fill` attributes. Axis labels and a title are added as SVG text elements, and the visualization fills the entire browser window by using `window.innerWidth` and `window.innerHeight`.

TTejaswicmandava
85% match
Loading thumbnail…

SharanyaSriram-ICE6

This scatter plot displays the relationship between flipper length and body mass for penguins, colored by species (Adelie, Gentoo, and Chinstrap). The visualization loads a CSV dataset from a GitHub gist and renders circles as SVG marks using D3 v5, with `scaleLinear` for x–y axes and `axisLeft`/`axisBottom` for tick marks. Each circle’s fill is determined by a switch function mapping species to colors, while the circle’s `rx` and `ry` attributes are set from culmen measurements, though the radius remains fixed. Axis labels and a title are added as static SVG text elements.

SSharanyaSriram
85% match
Loading thumbnail…

scatter Plot

This scatter plot visualizes penguin data showing flipper length against body mass, with each point colored by species. It also encodes bill dimensions through circle position attributes, though these are not visually distinct. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to coordinates. Data is loaded via `csv` from a GitHub gist, and points are rendered as circles with species-based fill colors.

BBala Sai Krishna
84% match