ICE-6_D3_Avinash

100%

ICE-6_D3_Avinash

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

A scatter plot displays the relationship between runs scored and balls faced for eight Indian cricket players, with each player’s name labeled beside their corresponding data point. The visualization uses a linear scale for both axes, mapping balls faced on the x-axis and runs on the y-axis. Built with D3.js v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft), it renders circles and SVG text labels from a local CSV file. The chart includes axis titles and a descriptive heading, providing a clear comparison of batting performance across the players.

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

82% 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…

Area chart ICE-7

This area chart visualizes the runs scored by 20 cricketers from various teams in 2024, with each player labeled on the x-axis and their total runs on the y-axis. The chart uses D3.js v7 to generate an SVG rendering, employing `d3.area` to create the filled region beneath a `d3.line` overlay, while `d3.scalePoint` positions the players and `d3.scaleLinear` maps the runs. Orange dots are added using `d3.selectAll` with `join` to mark individual data points, and each dot includes a title tooltip showing the player’s name and runs. Data comes from the `cricket_stats.csv` file, loaded asynchronously via `d3.csv`.

Aavinashpandian79@gmail.com

80% match

Loading thumbnail…

Activity6_Q3.2

This scatter plot visualizes IPL player statistics, showing the relationship between total matches played and total runs scored. Each point represents a player, with the shape of the marker indicating their team, as defined by a D3 ordinal scale using symbols like circles, squares, and triangles. The chart is built with D3 v6, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG paths for rendering the symbols. Data is loaded from a remote CSV file containing player names, teams, and performance metrics.

Nnikhithadadi@my.unt.edu

79% match

Loading thumbnail…

Activity6_Q3.1

This scatter plot visualizes IPL batting data, showing the relationship between total matches played and total runs scored for individual players. Each circle represents a player, colored by team affiliation, with hoverable details revealing their country, average, and innings played. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.extent` for domain calculation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted IPL dataset.

Nnikhithadadi@my.unt.edu

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

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

79% match

Loading thumbnail…

activity6-q3

This animated scatter plot visualizes Test Cricket player records, plotting runs against batting average with SVG symbols colored by country. The chart cycles through different x-axis metrics—runs, average, strike rate, and innings—every three seconds using `setInterval`. Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function implementing the reusable chart pattern. Player types are distinguished by geometric symbols from `d3.symbol`, with data loaded from a CSV file hosted on GitHub Gist.

Llingaladineshteja23@gmail.com

79% match