Skip to main content
SimilarExport ZIP
100%

ICE-6

✓ Published2🌍 Public
SSainathreddypotu@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from ICE6 Q1-BarChart

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.

AI-generated description
MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

ICE-Part3

This example visualizes cricket dominance from 1975 to 2025 using two SVG charts. The upper multi-series line chart shows annual win trends for India, Australia, and Pakistan, with colored lines, circles, gridlines, and a peak annotation. The lower combined chart pairs bars representing total tournaments per year with a line tracking India’s wins. Built with D3 v7, it uses `d3.csv`, `d3.scaleLinear`, `d3.line` with `curveMonotoneX`, and `d3.axisBottom`/`d3.axisLeft`. Data is loaded from a GitHub gist.

SSainathreddypotu@gmail.com
84% match
Loading thumbnail…

Murali of ICE-6

A bar chart displays the number of cricket tournament wins per country from 1975 to 2025, based on aggregated CSV data loaded via `d3.csv`. It uses `d3.rollups` to count wins per winner, then sorts them in descending order. The visualization renders as an SVG using D3 v7 with `scaleBand` and `scaleLinear` axes, horizontal grid lines, and tooltips that appear on bar hover via `mousemove`. Bar colors shift on interaction, and rotated country labels appear on the x-axis.

MMuraliMohanMekala@my.unt.edu
83% 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
82% match
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
82% 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
82% match
Loading thumbnail…

ICE-6

This interactive bar chart displays the top 12 bowlers with the most wickets in a calendar year, using a horizontal layout with labeled axes. The visualization loads data from a CSV file via `d3.csv` and renders the chart as an SVG. React manages the component state and lifecycle, while D3's `scaleBand` and `scaleLinear` position the bars and ticks. The code explicitly draws gridlines, axis labels, and rectangles for each data point, with the title "Most Wickets by a Player in a calender Year" displayed above the chart.

AAbhinav-Mullapudi
80% match
Loading thumbnail…

Scatter Plot ICE-6

This example visualizes Test Cricket records with a horizontal bar chart showing the top 10 players by number of centuries scored, using a categorical color scale from `d3.scaleOrdinal` and `d3.schemeCategory10`. The chart loads a CSV dataset via `d3.csv`, sorts players by century count, and renders SVG rectangles with axes from `d3.axisLeft` and `d3.axisBottom`. A companion scatter plot is also included, though its data mapping is not detailed in the visible code. The visualization uses D3 v7 and SVG rendering, with the data sourced from a public GitHub gist.

Mmedurisk7@gmail.com
80% match