Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published0🌍 Public
Ggolisanthoshi2000@gmail.com
Last edited Nov 7, 2024
Created on Nov 7, 2024

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.

AI-generated description
ISC Licensed

Similar vizzes

Loading thumbnail…

Activity-7.1-Q-2

This area chart visualizes data loaded from a remote text file, plotting date values over time using a blue filled area. The chart uses D3.js v7 with an SVG rendering, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` to generate the area path. Data is parsed with `d3.csvParse` after downloading via `d3.text`, with dates converted using `d3.timeParse` and value strings cast to numbers. Axes are created with `d3.axisBottom` and `d3.axisLeft`, and the chart includes labels for both axes.

Kkrishna444battula@gmail.com
79% match
Loading thumbnail…

Acitivity 7 Area

This area chart tracks the cumulative number of runs over time, using a steelblue filled region with a darkblue boundary line to emphasize the upward trend. The visualization is built with D3.js v7, rendered as SVG, and uses the `area` and `line` generators to construct the shapes. Data is loaded from a remote CSV file and processed to compute the cumulative values, with time and linear scales mapped to the x and y axes respectively.

Ggolisanthoshi2000@gmail.com
78% match
Loading thumbnail…

Activity_7.1-2

This area chart displays monthly website visitor counts, with a steel-blue filled region beneath a line tracing visitor numbers across months. The visualization uses a D3 v7 SVG rendering pipeline, employing `d3.area()` to generate the filled path, `d3.scalePoint()` for the categorical month axis, and `d3.scaleLinear()` for the visitor count axis. Data loads from a remote CSV via `d3.csv`, with axes rendered using `d3.axisBottom()` and `d3.axisLeft()`.

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

Activity-7

This example presents a pie chart that visualizes the distribution of cricket players by their home country, using data aggregated from top test cricket records. Built with D3 v5, the chart slices represent the player counts, with each section labeled and colored via a categorical scale. The visualization employs D3's `pie` layout, `arc` generator, and `scaleOrdinal` for color assignment, while a custom legend displays both country names and player totals. The SVG-based chart is rendered on a canvas, with a title and subtitle indicating the dataset's theme.

Aadapasaidivya99@gmail.com
77% match
Loading thumbnail…

Activity_9-Area_chart

This area chart displays the session rate over time, with a light blue fill and dark blue stroke. The visualization loads CSV data from a GitHub gist via d3.csv, parses dates with d3.timeParse, and scales the x-axis with d3.scaleTime and the y-axis with d3.scaleLinear. It renders axes using d3.axisBottom and d3.axisLeft, and draws the area path with d3.area. Axis labels and an underlined title are added as SVG text elements.

SSiddhartha Alwala
77% match
Loading thumbnail…

Activity 7 Q2

This area chart visualizes monthly website visitor counts using a time-series line that fills the space beneath it in steel blue. The SVG visualization is built with D3 v7, loading CSV data from a GitHub raw dataset. It employs `d3.scaleTime` for the date axis and `d3.scaleLinear` for the visitor count, while `d3.area` generates the filled path. Axis labels and a descriptive title are included for clarity.

Aanisha.peddireddy@gmail.com
77% match