Skip to main content
SimilarExport ZIP
100%

Most runs in cricket world cup

✓ Published0🌍 Public
SSillySuperhero21
Last edited Jun 29, 2019
Created on Jun 29, 2019

This visualization displays the most runs scored by batsmen in Cricket World Cup history using an SVG-based bar chart. Built with D3.js v5, it uses `select` to target the SVG element and dynamically reads its width and height attributes to size the visualization. The chart, styled with basic CSS for a full-screen layout, relies on D3's data-binding and DOM manipulation capabilities to render the ranking data, though the specific run values and player names are not visible in the provided code snippet.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

Loading thumbnail…

Most runs in cricket world cup

A horizontal bar chart ranks the top fifteen batsmen by total runs scored in Cricket World Cup history. The chart displays player names against a quantitative axis representing cumulative runs, with bars sorted in descending order. The visualization loads tabular data from a CSV file using `d3.csv` and renders the chart as SVG elements. The code uses D3 v5 selection methods like `select` from the `d3` module to target the SVG container and append bars based on the parsed data.

SSillySuperhero21
91% 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…

CSCE-5320 ICE-6

This bar chart shows the ten cricketers with the most runs, ranked by total score. The visualization loads data from a CSV file using `d3.csv`, sorts it to the top ten entries, and renders horizontal bars with `React` components and SVG. D3’s `scaleBand` and `scaleLinear` position the bars and axes, while `axisLeft` and `axisBottom` are used to label the player names and run values, with green gridlines drawn from `xScale.ticks()`.

LLG0498
76% match
Loading thumbnail…

D3.js bars and charts

This visualization displays a horizontal bar chart of cricket player statistics from IPL 2021, ranking players by their total runs scored. Each bar represents a player, with the x-axis showing run counts and the y-axis listing player names from the loaded CSV dataset. The chart is rendered using D3.js v7 within a React framework, employing d3.csv for data loading, d3.scaleLinear and d3.scaleBand for scales, and d3.axisLeft and d3.axisBottom for axes. The visualization uses SVG rendering with steelblue bars to encode the quantitative values.

AAyushman
75% match
Loading thumbnail…

custom chart v2.0

This custom chart visualizes cricket batting performance, showing each player’s innings as a horizontal bar positioned along the ball count, with bar height representing runs scored and vertical offset reflecting cumulative team runs before that batsman. The SVG rendering uses d3.scaleLinear for both axes, d3.csv for data loading, and d3.select to bind CSV data to rectangles. The chart encodes individual innings length, start ball, and runs in a single coordinated view.

PPabloEscargot
74% match
Loading thumbnail…

Cricket Runs Analysis

This interactive bar chart visualizes cricket runs scored by different players each month from January through May. The visualization uses d3.x3d to render a 3D multi-series bar chart, with each player’s monthly performance represented as a separate series. The code loads player data from a CSV file using d3.csv, parses the values into the required format, and feeds them into the d3.x3d.chart.barChartMultiSeries function. The chart is displayed within an HTML page that imports D3 v5, d3-3d, and x3dom libraries to support the three-dimensional rendering.

Aachalasam
74% match
Loading thumbnail…

Fork of HTML Starter

This bar chart displays the average runs scored by cricket players, grouped by their country of origin. Built with D3 v7, the visualization aggregates data from a CSV file using `d3.rollups` and `d3.mean` to compute country-level averages. The SVG rendering uses `d3.scaleBand` for the categorical x-axis and a sequential color scale to encode the average runs value, with interactive tooltips appearing on mouseover.

Aankitgoudpoodhari07@gmail.com
74% match
Loading thumbnail…

Untitled

An interactive bar chart displays the top 30 cricket players based on a selected batting statistic, including runs, centuries, half-centuries, sixes, highest score, average, strike rate, or duck outs. A dropdown menu triggers the `update()` function, which parses player data from a CSV, filters out zero values, and sorts by the chosen metric. Using D3.js v6, the chart animates bar height and position via `d3.transition()` with a one-second duration, while SVG axes are redrawn on a rotated x-axis.

BBhargavkaipa
74% match