Skip to main content
SimilarExport ZIP
100%

Activity 7_Q2

✓ Published0🌍 Public
Aanish6005@gmail.com
Last edited Nov 7, 2024
Created on Nov 7, 2024
Forked from Hello VizHub

This area chart visualizes the number of matches played by cricketer MS Dhoni over time. The chart uses an x-axis for the year and a y-axis for the match count, with a smoothed, red-filled area beneath a black line. The visualization is built with D3 v5, using functions like `scaleLinear`, `scaleTime`, `axisBottom`, `axisLeft`, `line`, and `area` to render the SVG. Data is loaded from a remote CSV file containing yearly match statistics.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7.1 Question 2

This area chart displays the batting average of Indian cricketer MS Dhoni in One Day Internationals from 2010 to 2019. The chart uses a steel-blue filled area to show the trend over time, with the year on the x-axis and the average on the y-axis. The code builds the visualization using the D3.js library (v7), specifically employing `scaleTime`, `scaleLinear`, `area`, `axisBottom`, and `axisLeft` to construct the scales, area path, and axes. Data is loaded from a CSV file hosted on GitHub, and the chart is rendered as an SVG.

BBharath Vupputuri
87% match
Loading thumbnail…

Activity 7

This visualization displays cumulative cricket delivery data over time as a smooth, monotone area chart, with the area filled in steel blue and a dark line overlay to emphasize the trend. It is built using D3 v7 APIs such as `scaleTime`, `scaleLinear`, `area`, `line`, `curveMonotoneX`, `axisBottom`, and `axisLeft`. The chart pulls its data from a remote CSV file, aggregates daily totals using `d3.rollup` and `d3.sum`, and renders the axes, legend, and labels as SVG elements. The chart is customizable via a closure-based interface for width, height, margins, and title.

Ggolisanthoshi2000@gmail.com
77% 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
75% match
Loading thumbnail…

Areachart_Q2

This area chart visualizes the relationship between the number of matches played and runs scored by Indian T20 batsmen, with a steel-blue filled region beneath the line plot. The x-axis displays matches, the y-axis displays runs, and both axes are labeled. Implemented using D3.js v7, the visualization loads CSV data via `d3.csv`, computes scales with `scaleLinear`, generates the area shape using `d3.area`, and renders axes with `axisBottom` and `axisLeft`. The SVG chart is embedded in an HTML page with basic CSS styling.

Vvarmanithish5@gmail.com
75% match
Loading thumbnail…

Cricket_Area Chart

This area chart visualizes cricket players’ yearly run totals from 2010 to 2021, using a filled steel-blue path to show the trend. Each data point is marked by a red circle that reveals a tooltip with the player’s name, year, and runs on hover. The visualization uses D3.js v7 with SVG rendering, including `d3.area()` for the area generator, `d3.axisBottom()` and `d3.axisLeft()` for axes, and `d3.scaleLinear()` for scales, alongside manual gridlines and axis labels.

Ssrisailapu.rc@gmail.com
74% 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
74% 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
74% match
Loading thumbnail…

area chart

This area chart visualizes the runs scored by a cricket team each year from 2007 to 2021. The SVG render uses D3 v5’s `scaleTime` and `scaleLinear` to map years and run totals, with `d3.area` and `d3.line` generators drawing the filled region and its boundary using a basis curve. CSV data is loaded via `d3.csv`, and axes are styled with custom tick formatting and labels. The chart highlights overall scoring trends over the 15-year period.

RRupeshGandham
74% match