Skip to main content
SimilarExport ZIP
100%

ICE6 - Marks and channels

✓ Published2🌍 Public
Mmamathareddy1321@gmail.com
Last edited Mar 26, 2025
Created on Feb 23, 2025
Forked from Hello VizHub

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.

AI-generated description

ICE -6 This bar chart visualizes the total number of wins by various cricket captains. The X-axis displays the captain names, while the Y-axis represents the total wins each captain has achieved.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 - Marks and Channels

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.

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 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
83% 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
82% 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…

Fork of Best Cricket Captains

This example displays a bar chart comparing the number of matches won against matches captained for leading cricket captains, with each bar sorted by total matches captained and colored distinctly. The visualization uses D3.js v7 to load data from a CSV file via `d3.csv`, then creates an SVG chart with linear scales (`d3.scaleLinear`) for both axes and an ordinal color scale for bar fills. Interactive tooltips appear on mouseover events, showing captain name, match counts, and calculated win percentage, while the bars change color to orange on hover and revert when the mouse leaves. The chart is rendered with a pink background and rounded container styling.

Mmamathareddy1321@gmail.com
78% match
Loading thumbnail…

ICE_6

This example displays the top 10 all-time leading run-scorers in cricket as a horizontal bar chart. The SVG visualization uses D3 v5 with `d3.scaleLinear` and `d3.scaleBand` to map runs and player names, while `d3.axisLeft` and `d3.axisBottom` render the axes. Data comes from a CSV file loaded via `d3.csv`, with run values parsed as numbers. Each player’s total runs are shown as orange bars, with a titled chart and formatted tick labels using `d3.format`.

Vvineeth-001
77% match
Loading thumbnail…

Ice-6

This example displays a horizontal bar chart of cricket batsmen’s number of not-outs in test matches, with player names on the y-axis and the count on the x-axis. The visualization uses D3 v5 with an SVG renderer, employing `d3.scaleLinear` and `d3.scaleBand` for scales and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, and each number of not-outs is parsed as a numeric value before rendering the bars.

Ppeesarie
76% match