Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Colors

✓ Published0🌍 Public
Ssiddhartha gurram
Last edited Apr 4, 2024
Created on Apr 4, 2024

This scatter plot visualizes Test Cricket records, mapping the number of matches played against total runs scored for each player. Each circle represents a player and is color-coded by their country using d3.scaleOrdinal with d3.schemeCategory10. The plot uses d3.csv to load the remote dataset and d3.scaleLinear for both axes, with d3.axisBottom and d3.axisLeft to render ticks and labels. Hover details include player name, country, innings, and average, though no tooltip is implemented in the provided code. The SVG canvas resizes dynamically based on window dimensions.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Colors

This scatter plot visualizes Test Cricket Records, plotting runs against matches played for individual players, with each point colored by the player’s country using `d3.scaleOrdinal` and `d3.schemeCategory10`. The D3 v6 code loads CSV data via `d3.csv`, maps values to x and y positions with `d3.scaleLinear`, and renders colored SVG circles. It includes labeled axes for matches and runs, generated with `d3.axisBottom` and `d3.axisLeft`.

Jjayanthbalina@gmail.com
92% match
Loading thumbnail…

Scatter Plot with Colors

This scatter plot visualizes Test Cricket Records, plotting runs against matches played for individual players. Each circle is colored by the player’s country using `d3.scaleOrdinal` with `schemeCategory10`. The data is loaded via `d3.csv` from a GitHub gist, and axes are generated with `axisBottom` and `axisLeft`. The visualization uses D3 v6, renders to SVG, and applies linear scales via `scaleLinear` to map the quantitative fields.

GGeorge Oyosa
91% match
Loading thumbnail…

Fork Activity6_Question-3.1-Scatter Plot

This scatter plot visualizes Test Cricket Records, showing the relationship between matches played and runs scored for individual players. Each circle represents a player, colored by their country using a categorical color scale. The visualization uses D3.js v6 with SVG rendering, employing d3.scaleLinear for both axes, d3.extent to compute domains, and d3.axisBottom/axisLeft for tick marks. Data is loaded asynchronously from a CSV file via d3.csv, with dimensions calculated from the browser window size.

Aakhillenkalapally1999@gmail.com
89% match
Loading thumbnail…

Fork Activity6_ Question-3.2-Scatter plot with shape

This scatter plot visualizes the relationship between matches played and total runs for Test cricket players, with each point shaped according to the player's country. The D3 v6 code loads a CSV dataset, maps quantitative values to x and y axes, and uses a sequential color scale with symbols like circles and squares. The chart is rendered as an SVG using d3.scaleLinear, d3.extent, and d3.symbol, with axes generated via d3.axisBottom and d3.axisLeft.

Aakhillenkalapally1999@gmail.com
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
86% 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
86% match
Loading thumbnail…

Activity-6 question-3

This scatter plot visualizes Test Cricket player records, plotting runs against matches played, with each point colored by the player’s country using a categorical color scale. The data is loaded from a remote CSV file and parsed with d3.csv, while the visualization uses d3.scaleLinear for the x- and y-axes, d3.extent to set domains, and d3.axisBottom/axisLeft for tick rendering. Circles are appended as SVG elements with fill opacity, and axis labels are included. The chart is sized responsively to the browser window.

Ssiddhartha gurram
86% match