Fork of Ice-6

100%

✓ Published1🌍 Public

Last edited Jun 27, 2022

Created on Jun 26, 2022

Forked from Ice-6

A horizontal bar chart displays the number of not-outs for cricket batsmen in test matches, with player names on the y-axis and counts on the x-axis. The visualization uses d3.csv to load the dataset from a GitHub gist, then d3.scaleLinear and d3.scaleBand map the data to screen coordinates. The chart is rendered as SVG with d3.axisBottom and d3.axisLeft for axes, and the x-axis tick labels are formatted using d3.format. A title and axis label accompany the bars.

AI-generated description

The Dataset is the statistics of each batsman in the game of cricket who played one-day-international matches. Each row has the batsman's name and the number of matches played. the number of NOTOUT'S, number of 100's, the '50s, 0's, total runs, and average. With the help this dataset we can analyze the performances of each player and rate them accordingly.

MIT Licensed

Similar vizzes

Loading thumbnail…

Ice-6

This example displays a horizontal bar chart of cricket batsmen’s number of not-outs in test matches, with player names on the y-axis and the count on the x-axis. The visualization uses D3 v5 with an SVG renderer, employing `d3.scaleLinear` and `d3.scaleBand` for scales and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, and each number of not-outs is parsed as a numeric value before rendering the bars.

Ppeesarie

92% match

Loading thumbnail…

Fork of dataset

This bar chart displays the total Test cricket runs scored by top batsmen, with names on the y-axis and runs on the x-axis. It uses D3.js v5 via UNPKG, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The chart loads data from a local CSV file and customizes axis labels while removing default tick lines and domains for a cleaner appearance. The visualization highlights player rankings by bar length, with steelblue rectangles rendered from the parsed dataset.

Vvidhyanamini

81% match

Loading thumbnail…

Fork of CSCE-5320 ICE-6

This example shows a horizontal bar chart of the top ten cricket players by total runs, with green gridlines and labeled axes. It loads CSV data from a GitHub gist, slices the dataset to the first ten rows, and renders the bars as SVG rectangles using React. The visualization uses `scaleBand` for the player categories and `scaleLinear` for the run values, with `axisBottom` and `axisLeft` omitted in favor of manual tick generation via `xScale.ticks()`. Styling is applied through inline SVG attributes and CSS in the HTML file.

Cchandrakalavanukuri

80% 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

79% match

Loading thumbnail…

Fork of Fork of Fork of Customizing Axes

This bar chart displays the top 10 scores by Indian batsmen, with runs scored on the x-axis and player names on the y-axis, sourced from a CSV file embedded in the code. Built with D3 v5, it uses `scaleLinear` and `scaleBand` for axes, `axisBottom` and `axisLeft` for tick generation, and custom formatting via `format('.3s')`. The SVG rendering applies extensive styling through CSS, including large green tick labels, red axis labels, and a green title, demonstrating axis customization.

Nnagamaheswar

79% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Customizing Axes

This bar chart displays the top 10 scores by Indian batsmen, with player names on the y-axis and runs scored on the x-axis. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render axes. The y-axis ticks are cleaned by removing their domain lines, while the x-axis applies a custom tick format via `format('.3s')` and replaces “G” with “B”. Data is loaded as CSV from a GitHub gist, and SVG rendering is styled with CSS for tick lines and labels.

Nnagamaheswar

79% match

Loading thumbnail…

Fork of ICE 6

This visualization displays the popularity scores of the top 120 athletes as a horizontal bar chart, with athletes sorted in descending order and sampled x-axis ticks to manage label clutter. It uses D3 v7 APIs including `scaleBand` for the categorical axis, `scaleLinear` for the score range, and `axisBottom` and `axisLeft` for tick generation. Data is loaded from a remote CSV file via `d3.csv` with `d3.autoType` coercion, and bars are rendered as SVG rectangles with tooltips showing each athlete’s name and score.

Ssarasaketh3@gmail.com

78% match

Loading thumbnail…

Fork of ICE-7 Scatter plot

This interactive scatter plot visualizes Test Cricket records, showing the relationship between two selected metrics for each player. It cycles through different x-axis fields—Runs, Average, Strike Rate, and Innings—every three seconds, allowing for dynamic comparison of player performance. The visualization uses D3.js, specifically the `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` APIs, to render the plot with symbols and colors representing player type and country. Data is loaded from a remote CSV file hosted on GitHub Gist, and the plot is drawn as an SVG element that updates in place.

Rrohithannadurai@my.unt.edu

78% match