Skip to main content
SimilarExport ZIP
100%

Bonus ICE - 3D Scatter Plot

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

This 3D scatter plot displays cricketer data by age, height, and weight, with points colored by player role (batsman, bowler, or all-rounder). The visualization uses Plotly.js’s `scatter3d` trace type, mapping the three numerical attributes to the x, y, and z axes. Point colors are assigned based on role, and the axes feature custom background and grid colors. Data is loaded from a CSV file via D3.js’s `d3.csv` function, demonstrating a combination of Plotly for 3D rendering and D3 for data parsing.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE

This example shows a 3D scatter plot of cricket bowling statistics, comparing gameplay metrics across two coordinate spaces. The first trace plots innings, wickets, and balls delivered, while the second trace maps average, economy rate, and strike rate. Both traces use Plotly’s `scatter3d` with marker styling and opacity. Data is loaded via d3.csv from a GitHub-hosted CSV file, and the visualization is rendered inside a div using `Plotly.newPlot` with a zero-margin layout.

NNaveenParitala
87% match
Loading thumbnail…

ICE - 6 Take 2 Scatter Plot

The scatter plot visualizes the relationship between age and weight, with each circle colored by player role: blue for batsmen, red for bowlers, and yellow for others. Data is loaded from a remote CSV file and rendered as an SVG. The implementation uses D3 scales (`scaleLinear`), axes (`axisLeft`, `axisBottom`), and data joins to draw the circles dynamically. Axis labels appear in cyan text, and the chart fills the full browser window. D3 version 6.7.0 is used throughout.

Nnagarajuobbineni
84% match
Loading thumbnail…

ICE - 7 Scatter Plot

This scatter plot visualizes the relationship between cricket players' age and height, with weight available as tooltip data. It uses the vega-lite-api to define a circle mark with opacity, encoding Age and Height as quantitative fields on the x- and y-axes. The visualization loads data from a CSV file using d3.csv and renders with vega-lite, applying custom axis and label styling from the config.

Nnagarajuobbineni
82% match
Loading thumbnail…

ICE Bonus

A three-dimensional scatter plot displays the relationship between height, weight, and age for individuals in a dataset. Each point represents a person, with size and opacity fixed, while colored markers show the three variables on the x, y, and z axes. The visualization uses Plotly’s `newPlot` function to render the `scatter3d` trace, and D3’s `d3.csv` method loads the data from a remote GitHub gist. The layout margin is set to zero for a clean, focused view.

DDINESH SAI BOPPANA
82% match
Loading thumbnail…

ICE-7 Scatter plot

This example visualizes Test Cricket player statistics with a scatter plot that maps runs against batting averages, animating through different data fields every three seconds to explore relationships between metrics like strike rate and innings played. The visualization uses D3.js version 6.7.0, employing the `scaleLinear` and `scaleOrdinal` functions for positioning and color encoding, while SVG symbols represent player types. Data from a CSV file hosted on GitHub Gist is loaded asynchronously, with circles colored by country and shaped by player role. The reusable chart module implements a configurable API, cycling through four quantitative fields on the x-axis.

Mmedurisk7@gmail.com
79% match
Loading thumbnail…

Charan Bonus ICE Q2

This visualization displays a 3D scatter plot of cricketer statistics, plotting three quantitative attributes: score on the x-axis, match on the y-axis, and balls on the z-axis. Each data point is rendered as a purple circle with a fixed size and opacity, derived from a CSV file loaded via `d3.csv`. The chart is built using the Plotly JavaScript library, specifically the `Plotly.newPlot` method, with a `scatter3d` trace type. Axis titles and their font colors are configured within the layout's scene object, while the plot area itself uses minimal margins.

Ccharanchand9
79% match
Loading thumbnail…

Charan Bonus ICE Q2

This visualization displays a 3D scatter plot of cricketer statistics, plotting three quantitative attributes: score on the x-axis, match on the y-axis, and balls on the z-axis. Each data point is rendered as a purple circle with a fixed size and opacity, derived from a CSV file loaded via `d3.csv`. The chart is built using the Plotly JavaScript library, specifically the `Plotly.newPlot` method, with a `scatter3d` trace type. Axis titles and their font colors are configured within the layout's scene object, while the plot area itself uses minimal margins.

Ccharanchand9
79% match
Loading thumbnail…

BONUS ICE SCATTER PLOT

This example visualizes a 3D scatter plot of body measurements, plotting Height, Weight, and BMI as points in three-dimensional space. The data comes from a CSV file loaded via `d3.csv`, and each marker is rendered as a black circle with defined opacity and size. The visualization is built using the Plotly.js `scatter3d` trace type and the `Plotly.newPlot` API, with axis titles styled in distinct colors. The layout configures margins and scene axes to frame the data within a minimal HTML page.

Ssrivalliwuyyuru
79% match