Skip to main content
SimilarExport ZIP
100%

ICE - 6 Take 2 Scatter Plot

✓ Published0🌍 Public
Nnagarajuobbineni
Last edited Jul 3, 2022
Created on Jun 25, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

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
87% 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
84% 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
83% 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
80% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the relationship between age and BMI using an insurance dataset, with each point colored by species. The visualization uses D3 v6 with SVG rendering, loading data from a GitHub gist via `d3.csv` and parsing numeric values. Axes are generated with `axisLeft` and `axisBottom`, while `scaleLinear` maps data domains to pixel ranges. Circle marks are drawn using `selectAll` and `join`, with axis labels styled via SVG text elements in a React-friendly HTML page.

SSrujana390
80% 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
80% 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…

ICE6- Scatter plot analysis for Cricket

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.

YYashwanth0311
78% match