Skip to main content
SimilarExport ZIP
100%

Activity6_Question3

✓ Published0🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

A scatter plot displays cricket player statistics, showing matches played on the x-axis and total runs on the y-axis. Each circle represents a player, with colors assigned based on country using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization loads CSV data via `d3.csv`, uses `d3.scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, and renders circles as SVG elements with fill opacity for readability.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
93% 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
93% 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
91% match
Loading thumbnail…

Activity6_Question

This scatter plot shows the relationship between matches played and runs scored for Test cricket players, with each point colored by the player's country using a categorical color scale. The visualization uses D3 v6 to load a CSV dataset, map data to scaled x/y coordinates with `scaleLinear`, and render circles as SVG marks. Axis labels, ticks, and grid lines are generated using `axisBottom` and `axisLeft`, while the overall layout adapts to the browser window dimensions.

Hhaneesh@gctc.in
90% 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
89% match
Loading thumbnail…

Activity6_Question3.2

A scatter plot displays World Cup cricket records, mapping total matches on the x-axis against runs scored on the y-axis for each player. Point shapes vary by country using d3.symbol with an ordinal scale, encoding nationality through distinct geometric forms. The visualization uses d3.csv to load external data, d3.scaleLinear for axes, and renders an SVG with axisBottom and axisLeft for reference.

Rrishithagovini99@gmail.com
89% match
Loading thumbnail…

Activity6_Question_3.1_Scatter Plot

This scatter plot visualizes TestCricket_Records data, comparing matches played against runs scored for each player. Points are colored by country using a category color scale, and hovering is not implemented. The visualization uses D3 v6's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load, scale, and render the SVG elements. Data is fetched from a GitHub gist and displayed with circles positioned along linear axes, with axis labels indicating the variables.

Jjayanthbalina@gmail.com
89% 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
89% match