Skip to main content
SimilarExport ZIP
100%

Bonus ICE

✓ Published0🌍 Public
NNaveenParitala
Last edited Mar 12, 2022
Created on Mar 12, 2022
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE - 3D Scatter Plot

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.

Nnagarajuobbineni
87% 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…

Fork of ICE-7 Scatter plot

This interactive scatter plot visualizes Test Cricket records, showing the relationship between two selected metrics for each player. It cycles through different x-axis fields—Runs, Average, Strike Rate, and Innings—every three seconds, allowing for dynamic comparison of player performance. The visualization uses D3.js, specifically the `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` APIs, to render the plot with symbols and colors representing player type and country. Data is loaded from a remote CSV file hosted on GitHub Gist, and the plot is drawn as an SVG element that updates in place.

Rrohithannadurai@my.unt.edu
78% match
Loading thumbnail…

Fork of ICE-7 Scatter plot

This fork of the ICE-7 scatter plot visualizes cricket bowling records from a Gist-hosted CSV, plotting wickets against bowling average for each player. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render an SVG chart with steel-blue circular marks. The reusable `scatterPlot` module exposes getter/setter methods for width, height, data, margins, and radius, while `index.js` loads the CSV with `d3.csv`, parses numeric fields, and invokes the plot. The page uses the Share Tech font and fills the viewport.

Nnagasai.mandalapu@gmail.com
78% match
Loading thumbnail…

Bonus ICE

This interactive 3D scatter plot, built with Plotly and D3.js, visualizes electronic sales data from a CSV file hosted on GitHub. Two distinct traces display relationships between item and unit price, using green and yellow markers to differentiate the encoded dimensions. The code initializes the plot by loading data with `d3.csv`, then constructs scatter3d traces with specific marker styling and opacity, ultimately rendering the visualization into a designated HTML div.

SSaiSree0122
78% match
Loading thumbnail…

Bonus ICE - 2

This example shows two 3D scatter plots of the Palmer Penguins dataset, displaying bill length and bill depth on the x- and y-axes, with flipper length in one plot and body mass in the other. It uses Plotly’s `scatter3d` trace type within a single chart, rendered into a `div` via `Plotly.newPlot`. Data is loaded as CSV with D3.js (`d3.csv`) and mapped through a custom `unpack` function to extract numeric columns for each axis.

MMahitha-Moparthi
77% match