Skip to main content
SimilarExport ZIP
100%

ICE-Part3

✓ Published0🌍 Public
SSainathreddypotu@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE7

This visualization shows the number of wickets taken in ODI cricket from 2000 to 2010, with a filled area chart highlighting the trend over time. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `line()`, and `area()` generators with `curveBasis` to render smooth paths in SVG. Axes are created via `axisBottom` and `axisLeft`, and data is loaded from a remote CSV using `csv()`. The chart includes styled tick lines, axis labels, and a bold orange fill for the area under the curve.

Vvineeth0000
78% match
Loading thumbnail…

ICE-7 Line Chart

This example shows a line chart depicting cricket run data over time, with the y-axis representing runs and the x-axis representing players. The chart uses a red gradient stroke for the line and includes labeled axes for clarity. The visualization is built with D3 v6, using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the scales and axes, while a `line` generator with `curveBasis` smooths the data path. Data is loaded from a CSV file via `csv()`, and the SVG rendering is styled with CSS classes.

LLG0498
76% 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
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…

Fork of ICE 7 Pie Chart

This pie chart displays the total championship wins for each IPL team up to 2019, using data from a CSV file. The D3.js v5 code uses `d3.pie` to compute the arc segments, which are rendered as SVG paths with `d3.arc`. The chart is colored with a `d3.scaleOrdinal` color scale, and legends are generated manually using SVG circles and text elements. The data is loaded asynchronously via a custom `getData` function that utilizes `d3.csv`.

Sskambhore04
75% match
Loading thumbnail…

Bonus ICE 3d Chart

This chart displays the top 20 players with the most wickets in ICC tournaments, using horizontal bars scaled by their wicket count. The SVG visualization is built with React and D3 v5, reading data from a CSV file via `d3.csv`. It uses `d3.scaleBand` for the player axis, `d3.scaleLinear` for the wicket and ball scales, and `d3.max` for domain calculation. The code includes axes with `d3.axis` tick generation, though labels and lines are rendered manually within ReactJS components.

NNaveenParitala
75% match