ICE6- Scatter plot analysis for Cricket

100%

ICE6- Scatter plot analysis for Cricket

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 19, 2024

This scatter plot visualizes cricket match data by plotting total runs against the over number, with each point representing a match and labeled by match ID. The chart uses Plotly.js to render triangular blue markers on a gray background, with axes for overs and runs. The data is fetched from a CSV file hosted on GitHub Gist, which includes fields for match ID, inning, over, and runs. The visualization reveals run-scoring patterns across different phases of an innings, with the layout customizing the title, axis ranges, and grid styling.

AI-generated description

MIT Licensed

Similar vizzes

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

81% 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

79% 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

78% match

Loading thumbnail…

ICE-7 varunscatter

This animated scatter plot uses D3.js to visualize Test Cricket player records, cycling through different x-axis fields (Runs, Average, Strike Rate, Innings) every three seconds. It displays player symbols colored by country, with shapes distinguishing player types (batsman, bowler, allrounder) via D3’s symbol scales. The reusable chart module (`scatterPlot.js`) dynamically updates axes and data bindings, loading the dataset from a CSV file using `d3.csv`. SVG rendering and transitions are handled through D3’s selection and join patterns, with margins and scales configured programmatically.

VVarun Gadde

77% match

Loading thumbnail…

Fork of ICE-7 Scatter plot

A reusable scatter plot animated with D3 v6 cycles through Runs, Average, Strike Rate, and Innings on the x-axis every three seconds. It visualizes Test Cricket player records from a CSV file, using d3.scaleLinear for axes, d3.scaleOrdinal with symbol types to distinguish player roles, and color to encode country. The SVG renders dynamically via d3.csv loading and a custom scatterPlot module.

Nnagasai.mandalapu@gmail.com

76% match

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

76% match

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

74% match

Loading thumbnail…

ICE-6 Marks and Channels

This visualization presents two charts examining Test cricket records. The bar chart displays the top 10 players by number of centuries scored, using horizontal bars colored with d3.scaleOrdinal and d3.schemeCategory10. The scatter plot below explores the correlation between matches played and runs scored, though the scatter plot code is incomplete. Both charts load data from a CSV file containing Test cricket statistics, using D3.js v7 to render SVG elements with axes for the quantitative comparisons.

Mmedurisk7@gmail.com

74% match