Skip to main content
SimilarExport ZIP
100%

Cricket Runs Analysis

✓ Published0🌍 Public
Aachalasam
Last edited Jul 7, 2022
Created on Jul 6, 2022
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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

Bonus ICE - 3D Bar chart

This 3D bar chart visualizes the runs scored by seven cricketers across five months (January through May), using a three-dimensional perspective to compare performance over time. The chart employs Highcharts with the highcharts-3d extension, configuring the chart type as 'column' with 3D options for depth, alpha, beta, and view distance. Each month is represented as a separate series with stacked, grouped columns, while the x-axis lists player names and the y-axis displays runs scored. The z-axis denotes months, and colors distinguish each series within the interactive HTML page.

Aachalasam
82% 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
79% 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
78% match
Loading thumbnail…

Cricket - Pie Chart

This pie chart visualizes the distribution of runs scored by cricket players, with each slice representing an individual player. The chart uses D3.js v6 with an SVG rendering approach, loading data from a CSV file and applying an ordinal color scale. Interactive tooltips appear on hover, and slice labels display player names directly on the chart. A legend translates additional player information alongside the pie, providing a complete overview of the dataset's run values.

Ssrisailapu.rc@gmail.com
78% match
Loading thumbnail…

Cricket_Area Chart

This area chart visualizes cricket players’ yearly run totals from 2010 to 2021, using a filled steel-blue path to show the trend. Each data point is marked by a red circle that reveals a tooltip with the player’s name, year, and runs on hover. The visualization uses D3.js v7 with SVG rendering, including `d3.area()` for the area generator, `d3.axisBottom()` and `d3.axisLeft()` for axes, and `d3.scaleLinear()` for scales, alongside manual gridlines and axis labels.

Ssrisailapu.rc@gmail.com
78% 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
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
77% match