Activity 7.1 Question 2

100%

Activity 7.1 Question 2

✓ Published0🌍 Public

Last edited Apr 11, 2025

Created on Apr 11, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7_Q2

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.

Aanish6005@gmail.com

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

75% match

Loading thumbnail…

ICE-7 Line Graph_Bharath

This interactive line chart displays MS Dhoni’s career run totals by year, using a blue line with circle markers and a vertical rule that follows the mouseover to highlight exact values. The visualization is built with the vega-lite-api library and rendered using Vega-Lite, with data loaded from a CSV via d3.csv. It includes tooltip handlers and custom styling from a separate config file, offering a clear, hover-driven exploration of performance metrics.

Bbharathsivakumar07

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

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

71% match

Loading thumbnail…

Activity 6 Question 2

This stacked bar chart visualizes the percentage of cricket matches played across various categories, such as Test Matches, ODIs, T20Is, and domestic or youth formats, segmented by career match counts (e.g., below 50, 50–100, up to above 300). Hovering over a segment reveals the exact percentage for that category and match-count group via a tooltip. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked bars, `d3.scaleBand()` for the categorical y-axis, and `d3.axisBottom()` with a linear scale for the percentage x-axis, rendering as SVG with a color scale for the five match-count ranges.

Rrahulnathmukkolla@gmail.com

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

70% match

Loading thumbnail…

Activity7_Question2

This interactive line and area chart visualizes the monthly USD to INR exchange rate over time. The visualization combines a semi-transparent steelblue area chart with an overlaid line, both colored green, to show the trend. It includes axes labeled "Date" and "Exchange Rate (INR per USD)", plus a tooltip that appears on mouseover, revealing the exact exchange rate at the hovered date via a red focus circle. Built with D3 v7, the code uses `d3.area`, `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.bisector` for interactivity, with data loaded from a CSV file via `d3.csv`.

Ssriharshithaanugu5@gmail.com

69% match