Skip to main content
SimilarExport ZIP
100%

ICE7

✓ Published0🌍 Public
Vvineeth0000
Last edited Mar 13, 2023
Created on Mar 13, 2023
Forked from ICE 7 Area Chart

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice7

This line chart shows the number of wickets taken in ODI cricket from 2000 to 2010, with year on the x-axis and wicket count on the y-axis. Built with D3 v5, it uses `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for gridlines, and a `line` generator to create the blue path. The data is loaded from a CSV and rendered as SVG.

Vvineeth0000
91% match
Loading thumbnail…

CSCE: ICE-7 Area chart

This area chart displays the number of wickets taken per innings, using a smooth curve to fill the area beneath the line, with time-scaled innings on the x-axis and a linear scale for wickets on the y-axis. The visualization is built with d3 v5, using `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `area` and `line` generators with `curveBasis` to create the filled path and stroke. Data loads from a remote CSV file via `d3.csv`, and the SVG rendering applies custom styling for the orange background, bold axis labels, and thick stroke.

NNaveenParitala
88% match
Loading thumbnail…

ICE__7

This visualization displays the all-time leading wicket-takers in One Day International cricket, using a pie chart where each slice represents a player’s total wickets. The data is loaded from a CSV file via `d3.csv`, and the chart is rendered as SVG using `pie` and `arc` generators. Slice colors are assigned with `scaleOrdinal`, and a legend lists each player’s name and wicket count, formatted with `format`. The code also defines an `arcGenerator` for centroid positioning, though it does not add labels inside the chart.

Vvineeth-001
85% match
Loading thumbnail…

ICE__7

A pie chart displays the all-time leading wicket-takers in ODI cricket, with each slice sized by the number of wickets and labeled via a legend listing player names and values. The visualization uses d3.pie and d3.arc to compute and render the SVG segments, while d3.scaleOrdinal with schemeCategory10 assigns colors based on wicket counts. Data loads from a remote CSV file using d3.csv, and mouseover events log the wicket value to the console. The chart is positioned with an SVG transform, and legend text styling is defined in an external stylesheet.

Vvineeth0000
85% match
Loading thumbnail…

ICE-7 Area chart

This area chart displays yearly runs scored, with a smooth curve and a sky-blue filled region beneath the line. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, while axes are rendered with `axisBottom` and `axisLeft`. Data is loaded from a CSV file via `d3.csv`, with years parsed as dates and runs as numbers. The chart includes formatted tick labels and prominent axis titles, all styled with CSS.

LLG0498
82% match
Loading thumbnail…

ICE 7 task

This example visualizes the number of catches by non-wicket-keepers in cricket, plotting each player against their catch count over time using an SVG line chart. The visualization employs D3 v6 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `curveBasis`, and `line` to construct the chart, with a gradient stroke applied to the line path. The data is loaded from a CSV file hosted on GitHub, and the chart includes labeled axes and a title, with axes rendered via `axisLeft` and `axisBottom` and custom styling applied through CSS classes.

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

ICE7_Area_chart

This area chart visualizes soccer data with previous points plotted over time. It uses D3 version 6, specifically `scaleTime`, `scaleLinear`, and the `area` generator with `curveBasis` to create a smooth filled path. The SVG rendering includes styled axes with tick marks and labels, and the data is loaded from an external CSV via `csv()`.

DDeeraj Thakkilapati
81% match