Skip to main content
SimilarExport ZIP
100%

ICE6 - Marks and Channels

✓ Published2🌍 Public
Mmamathareddy1321@gmail.com
Last edited Mar 26, 2025
Created on Mar 19, 2025
Forked from HTML Starter

This scatter plot shows the number of wins by different cricket captains, with captain names on the x-axis and win counts on the y-axis. Each green circle represents a captain, turning orange and enlarging on hover while displaying a tooltip with their match count and wins. The visualization loads CSV data from a GitHub gist using d3.csv and renders SVG circles with d3.scaleBand and d3.scaleLinear for axes. Interactive features include d3 transitions on hover and a custom tooltip populated via mouseover events.

AI-generated description

For ICE-6, This scatter plot visualizes the number of wins by different cricket captains.
The X-axis represents the captain names, while the Y-axis shows their total wins.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 - Marks and channels

This bar chart shows the total number of wins achieved by various cricket captains, with captain names on the x-axis and win counts on the y-axis. The data is loaded from a CSV file and sorted by wins in descending order, with each bar colored uniquely via a d3.scaleOrdinal. Built with D3 v7, the visualization uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for axes, and includes interactive hover effects that change bar color through CSS transitions, along with rotated x-axis labels and axis labels for clarity.

Mmamathareddy1321@gmail.com
93% match
Loading thumbnail…

ICE6 - Marks and Channels

This bar chart visualizes the number of matches captained by cricket players, sourced from a CSV file of cricket captains. It uses D3.js to load the data and construct an SVG with a band scale for player names and a linear scale for match counts. Rectangles represent each player’s total, with axes and a title added via D3’s axis components and text elements. The chart is rendered in React with a steelblue fill, displaying the ranking of captaincy counts across players.

Mmamathareddy1321@gmail.com
90% match
Loading thumbnail…

ICE-6 Marks and Channels

This visualization presents two charts examining Test cricket records. The bar chart displays the top 10 players by number of centuries scored, using horizontal bars colored with d3.scaleOrdinal and d3.schemeCategory10. The scatter plot below explores the correlation between matches played and runs scored, though the scatter plot code is incomplete. Both charts load data from a CSV file containing Test cricket statistics, using D3.js v7 to render SVG elements with axes for the quantitative comparisons.

Mmedurisk7@gmail.com
82% match
Loading thumbnail…

ICE-6

This example displays a bar chart of cricket tournament wins by country from 1975 to 2025, aggregating tournament victories using `d3.rollups` and sorting them in descending order. The visualization uses D3 v7 to render SVG bars with a horizontal grid from `d3.axisLeft`, rotated country labels on the x-axis, and interactive hover tooltips showing exact win counts. Data loads from an external CSV file via `d3.csv`, and the chart encodes win frequency through bar height against a linear y-scale.

SSainathreddypotu@gmail.com
77% match
Loading thumbnail…

ICE-6 Barchart

A bar chart displays cricket tournament wins by country from 1975 to 2025, aggregated from CSV data using D3 v7. Each bar uses a blue-to-teal linear gradient with a drop shadow filter, and animates upward on load. Hovering reveals a tooltip showing the exact win count. The chart includes rotated x-axis labels, gridlines, and animated count-up value labels.

SSainathreddypotu@gmail.com
77% match
Loading thumbnail…

ICE - 6 Take 2 Scatter Plot

The scatter plot visualizes the relationship between age and weight, with each circle colored by player role: blue for batsmen, red for bowlers, and yellow for others. Data is loaded from a remote CSV file and rendered as an SVG. The implementation uses D3 scales (`scaleLinear`), axes (`axisLeft`, `axisBottom`), and data joins to draw the circles dynamically. Axis labels appear in cyan text, and the chart fills the full browser window. D3 version 6.7.0 is used throughout.

Nnagarajuobbineni
76% match
Loading thumbnail…

ICE-7 Scatter plot

This example visualizes Test Cricket player statistics with a scatter plot that maps runs against batting averages, animating through different data fields every three seconds to explore relationships between metrics like strike rate and innings played. The visualization uses D3.js version 6.7.0, employing the `scaleLinear` and `scaleOrdinal` functions for positioning and color encoding, while SVG symbols represent player types. Data from a CSV file hosted on GitHub Gist is loaded asynchronously, with circles colored by country and shaped by player role. The reusable chart module implements a configurable API, cycling through four quantitative fields on the x-axis.

Mmedurisk7@gmail.com
76% match
Loading thumbnail…

ICE6- Scatter plot analysis for Cricket

This scatter plot visualizes cricket match data by plotting total runs against the over number, with each point representing a match and labeled by match ID. The chart uses Plotly.js to render triangular blue markers on a gray background, with axes for overs and runs. The data is fetched from a CSV file hosted on GitHub Gist, which includes fields for match ID, inning, over, and runs. The visualization reveals run-scoring patterns across different phases of an innings, with the layout customizing the title, axis ranges, and grid styling.

YYashwanth0311
75% match