Skip to main content
SimilarExport ZIP
100%

activity6-q3

✓ Published0🌍 Public
Llingaladineshteja23@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from ICE-7 Scatter plot

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.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the https://gist.githubusercontent.com/saikrish777/47ff342e130d4cc88e2b70480b8f4f99/raw/ecafed046a68a0dd70350254526c8da082078996/TestCricket_Records.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This animated scatter plot displays Test Cricket player statistics, plotting runs, averages, strike rates, and innings as the x-axis cycles through these fields every three seconds. The visualization uses D3.js 6.7.0 with a custom `scatterPlot` module that employs `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for country-based coloring, and a symbol scale mapping batsmen, bowlers, and allrounders to distinct shapes via `symbol().type()`. Data comes from a CSV file sourced from gist.github.com, rendered as an SVG in the browser.

Bbudalavijay2001@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes Test Cricket Records, plotting matches played against total runs for individual players, with each point colored by the player’s country using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization loads CSV data via `d3.csv`, parses numeric fields, and renders an SVG with D3 v6, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and circle elements with fill opacity.

Rrakesh.kavuru@outlook.com
88% match
Loading thumbnail…

Activity6_Question_3.1_Scatter Plot

This D3.js (v6) scatter plot visualizes test cricket player statistics, plotting matches played against runs scored for each player. Circles are color-coded by country using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette. The chart loads data from a CSV file via `d3.csv`, maps values with `scaleLinear`, and renders axes using `axisBottom` and `axisLeft`. The SVG output includes labeled axes and is displayed in an HTML page styled with CSS.

Aajaykumarseelam@my.unt.edu
87% match
Loading thumbnail…

Fork of Activity6_Question_3.1_Scatter Plot

This example visualizes Test Cricket player statistics as a scatter plot, showing the relationship between matches played and total runs scored, with each point colored by the player’s country. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map values and render axes. Circles are drawn with `d3.selectAll` and `enter()`, colored using `d3.scaleOrdinal` with `d3.schemeCategory10`. The SVG output is responsive, sized to the window, and includes labeled axes for matches and runs.

Aajaykumarseelam@my.unt.edu
87% match
Loading thumbnail…

Question 3.1

This interactive scatter plot visualizes test cricket records, mapping runs scored against matches played for individual players, with each point color-coded by the player’s country. The plot uses D3 v6 (d3.scaleLinear, d3.extent, d3.axisBottom, d3.axisLeft) and renders as an SVG, sizing responsively to the viewport. Data is loaded from a remote CSV via d3.csv, and the chart also captures innings and batting average for each player, though only matches and runs are shown on the axes.

Aaadesh.pranesh@gmail.com
87% match
Loading thumbnail…

Activity-6_Question-3

A scatter plot visualizes Test Cricket records, mapping matches played on the x-axis and total runs on the y-axis for individual players. Each circle is colored by the player’s country using `d3.scaleOrdinal` with `d3.schemeCategory10`, and the data is loaded from a remote CSV via `d3.csv`. The visualization uses `d3.scaleLinear`, `d3.extent`, `axisLeft`, and `axisBottom` to construct axes, with an SVG rendering driven by D3 v6 selections.

RRISHIK KURIKELLY
86% 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
86% match
Loading thumbnail…

Task 8 Q6

This interactive scatter plot displays Test Cricket Records, visualizing the relationship between matches played and runs scored for individual players. Each circle represents a player, colored by their country using an ordinal color scale from d3.scaleOrdinal. The visualization uses D3 v6 (d3.csv, scaleLinear, axisBottom, axisLeft) to load data from a GitHub-hosted CSV file and render an SVG with labeled axes showing Matches Played and Runs. Points are positioned using linear scales with margins, creating a clear comparison of player performance across different nations.

Jjyothikaraj3@gmail.com
86% match