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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Most runs in cricket world cup

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.

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…

Cars

This combined bar and line chart visualizes the top 15 Indian cricketers by runs, with bars representing total runs and a line overlaying their batting average. The chart uses two y-axes to accommodate the different scales of the data, sourced from the provided CSV file. Built with D3 v7, it employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for both y-axes, and custom gridlines. Tooltips on bars and line points reveal exact values, with hover effects highlighting individual data points.

AALIMINETI SPOORTHY REDDY
74% 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
74% match
Loading thumbnail…

Mahendra Gullinkala - IC6

This visualization shows the highest runs scored by each of the top 20 cricket players, displayed as a horizontal bar chart with player names on the y-axis and run values on the x-axis. The chart uses React and D3 v5 to fetch CSV data from a GitHub gist, process it, and render SVG bars. D3’s `scaleBand` and `scaleLinear` handle the axis mappings, while `axisLeft`, `axisBottom`, and `max` are imported for layout and scaling calculations. The bars are drawn as SVG rectangles, with red tick gridlines and labels generated from the linear scale’s ticks.

Mmaheganesh
74% match
Loading thumbnail…

Data Visuliazation ICE-6

This bar chart displays the total runs scored by the top 10 cricketers from a CSV dataset, with each player’s name labeled on the y-axis and run counts plotted along the x-axis. The visualization uses React for component rendering and d3.csv to load and parse the data, while d3.scaleBand and d3.scaleLinear handle the categorical and quantitative scaling. Axis ticks and gridlines are generated via xScale.ticks(), and the chart is styled with a light blue fill and black text.

TTharun2022
74% match
Loading thumbnail…

Bar Chart

This bar chart displays the top 15 cricket players ranked by their match scores. Built with React and D3 v5, it uses `scaleBand` for the categorical player names on the y-axis and `scaleLinear` for the numeric score values on the x-axis. The data is loaded from a CSV file via the `csv` function, with tick formatting handled by `format`. SVG rectangles render each bar, and tooltips appear on hover using the native `<title>` element.

BBhavyaMammai
73% 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
73% match