Skip to main content
SimilarExport ZIP
100%

ICE-5 M sai krishna

✓ Published1🌍 Public
Mmedurisk7@gmail.com
Last edited Mar 7, 2024
Created on Mar 6, 2024

This visualization presents a summary of Test cricket batting records for 83 top batsmen over the last 25 years, displayed with a cricket-themed SVG showing a red ball on a green field. The page uses D3.js v7 to load a CSV file from a GitHub Gist, calculating and displaying the file size in kilobytes and bytes, row count, and column count in a text container. The embedded SVG replicates the ball design from the separate ball.svg file, while custom CSS styles the page with green headings and white background.

AI-generated description

Created a Vizhub webpage with html, css, svg.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork Ice-5 nagasai

This visualization presents a summary of test cricket records for the top 83 batsmen over the last 25 years, using a simple webpage layout. It displays the data file’s size in kilobytes and bytes, along with row and column counts, in a green text block. The page also includes an SVG rendering of a cricket field and ball, built with basic SVG elements like circles, rectangles, and lines. The code uses D3.js v7’s `d3.csv` method to load and parse the external CSV data, while the HTML structure and CSS styling organize the content and colors.

Nnagasai.mandalapu@gmail.com
84% match
Loading thumbnail…

ICE-7 Scatter plot

This example visualizes Test Cricket player statistics with a scatter plot that maps runs against batting averages, animating through different data fields every three seconds to explore relationships between metrics like strike rate and innings played. The visualization uses D3.js version 6.7.0, employing the `scaleLinear` and `scaleOrdinal` functions for positioning and color encoding, while SVG symbols represent player types. Data from a CSV file hosted on GitHub Gist is loaded asynchronously, with circles colored by country and shaped by player role. The reusable chart module implements a configurable API, cycling through four quantitative fields on the x-axis.

Mmedurisk7@gmail.com
77% match
Loading thumbnail…

ICE-7 Line chart SKM

This line chart displays the runs scored by the top 40 Test cricket players, sorted from highest to lowest, and uses a rotated x-axis to fit player names. The chart is built with D3.js (v7) and rendered as an SVG, fetching data from a remote CSV file via `d3.csv`. The visualization employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with a line path created using `d3.line` and configured with `d3.axisBottom` and `d3.axisLeft` for the axes.

Mmedurisk7@gmail.com
76% match
Loading thumbnail…

ICE-6 Marks and Channels

This visualization presents two charts examining Test cricket records. The bar chart displays the top 10 players by number of centuries scored, using horizontal bars colored with d3.scaleOrdinal and d3.schemeCategory10. The scatter plot below explores the correlation between matches played and runs scored, though the scatter plot code is incomplete. Both charts load data from a CSV file containing Test cricket statistics, using D3.js v7 to render SVG elements with axes for the quantitative comparisons.

Mmedurisk7@gmail.com
75% match
Loading thumbnail…

Bonus ICE 3d Chart

This chart displays the top 20 players with the most wickets in ICC tournaments, using horizontal bars scaled by their wicket count. The SVG visualization is built with React and D3 v5, reading data from a CSV file via `d3.csv`. It uses `d3.scaleBand` for the player axis, `d3.scaleLinear` for the wicket and ball scales, and `d3.max` for domain calculation. The code includes axes with `d3.axis` tick generation, though labels and lines are rendered manually within ReactJS components.

NNaveenParitala
75% match
Loading thumbnail…

ICE - 7 Pie Chart krishna

This pie chart displays the top football players and their goal counts. Built with D3 v5 and rendered as an SVG, it visualizes data fetched from a GitHub Gist CSV file. The chart uses d3.pie to compute arc segments, d3.arc to generate the paths, and d3.scaleOrdinal for colors. Each slice is labeled with a formatted goal value, and a legend lists player names and corresponding goal totals. The chart is drawn on a 960x500 pixel SVG canvas centered on the page.

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

ICE-6_D3_Avinash

A scatter plot displays the relationship between runs scored and balls faced for eight Indian cricket players, with each player’s name labeled beside their corresponding data point. The visualization uses a linear scale for both axes, mapping balls faced on the x-axis and runs on the y-axis. Built with D3.js v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft), it renders circles and SVG text labels from a local CSV file. The chart includes axis titles and a descriptive heading, providing a clear comparison of batting performance across the players.

Aavinashpandian79@gmail.com
74% match