Skip to main content
SimilarExport ZIP
100%

world cup score

✓ Published2🌍 Public
PParth Shroff
Last edited Nov 22, 2024
Created on Sep 5, 2024
Forked from star dataset

This visualization displays the first row of the World Cup Score dataset, showing match details such as teams, scores, wickets, and over-by-over run data. It highlights the relationship between the batting team, bowling team, and match outcome, with fields like TotalScoreforTeam1 and TotalWicketforTeam2 visible. The data is parsed from a CSV file using a custom loader and rendered as formatted JSON text via the `main` export, which sets the container’s inner HTML with a `<pre>` element. The code uses standard JavaScript array methods for type conversion and relies on the fetched dataset structure directly.

AI-generated description

The World Cup Score Dataset, loaded and parsed as CSV.

  1. I want to see the correlation between city and the winning team
  2. I want to check the importance of TotalScore in the dataset
  3. I want to check if TotalWicket plays an important role in the outcome.
  4. I want to analyze if batting team inflences the outcome
  5. I would like to calculate the run rate per over calculated from OverNumber and RunsScoredinover
MIT Licensed

Similar vizzes

Loading thumbnail…

World cup score with coordinates

This example displays the first record from a CSV of ICC Cricket World Cup match data (2007–2023), showing over-by-over scoring details with geographic coordinates for the host cities. The visualization parses the CSV using a bundled data import and converts string values to numbers. It renders the JSON representation of the first data row into a preformatted text block, using the container’s innerHTML property. The code relies on the imported dataset and plain JavaScript string interpolation rather than any visualization library, making it a minimal structural preview of the raw data structure.

PParth Shroff
84% match
Loading thumbnail…

final_data

This example visualizes over-by-over scoring data from the ICC Cricket World Cup, showing individual over performance with runs scored and wicket outcomes. It focuses on a single match, presenting the sequential progression of runs and wickets as the innings unfold. The visualization uses a simple text-based display, rendering the first data record as formatted JSON within an HTML `<pre>` element, with a font size of 36 pixels. The code imports the dataset from `merged_data.csv` and parses numerical fields such as `RunsScoredinover` and `OverNumber` using JavaScript’s unary plus operator.

PParth Shroff
76% match
Loading thumbnail…

Fifa World Cup Data

This example displays the raw contents of a Fifa World Cup 2022 matches dataset as formatted JSON text in a `<pre>` element. The visualization initially fetches the CSV file from a GitHub gist, parses it using `d3.csvParse`, and then renders the resulting array of objects. It uses D3 v7's `select` and `join` methods to manage the display. The dataset includes match statistics such as assists, possession, crosses, cards, passes, and fouls, sourced from Kaggle.

MMartha Cash
74% match
Loading thumbnail…

Cricket World Cup

This example displays the metadata of a Cricket World Cup ODI dataset, including the file size, row count, and column count, alongside a static SVG visualization of all teams. It uses a raw XMLHttpRequest to fetch a CSV file from a GitHub gist, then parses the response text by splitting on newlines and commas to compute the dataset dimensions. The page also embeds an image of the team comparison chart and provides a link to the source data. It relies on vanilla JavaScript and the browser’s XMLHttpRequest API, with no external visualization libraries.

Mmaheganesh
73% match
Loading thumbnail…

final_data

This example previews the first row of a cleaned and geocoded World Cup cricket dataset. It displays the data as a formatted JSON object within an HTML `<pre>` tag, showing fields such as the city, its coordinates, the two competing teams, the over number, runs scored in that over, the winning details, and the full match description. The visualization uses the JavaScript `index.js` file to import the `merged_data.csv` file, convert string values for over number, runs, and coordinates to numeric types, and then render the entire record. This approach provides a static, text-based view of the raw data structure and its content.

PParth Shroff
73% match
Loading thumbnail…

Cricket World Cup

This example visualizes Cricket World Cup data by displaying a static SVG chart of ODI statistics for all teams, alongside file metadata such as row and column counts. The page, built with React, loads a CSV dataset from a GitHub gist and presents it with a linked image file. The code uses plain HTML, CSS, and JavaScript for structure and styling, while the chart itself is an embedded SVG image rather than a dynamically rendered visualization. No interactive or data-driven rendering libraries are employed.

Mmaheganesh
69% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a JSON event dataset from the 2018 World Cup final, showing the row count, column count, and file size, followed by the first ten rows of data. After loading the data via `d3.json`, it uses `d3.select` to append `<pre>` elements to the document body, formatting the text with JavaScript template literals and `JSON.stringify`. The page is styled with black background and green monospace text, and the dataset originates from StatsBomb.

MMihir Sawant
69% match
Loading thumbnail…

WC Data Viz

This visualization presents World Cup goal totals for national teams, combining a brief bar chart preview of the top nine countries with a compact table listing all remaining teams. The bar chart uses a simple SVG rectangle appended to the page, while the table groups countries with identical goal counts into single rows. Built with React and D3 v6, the code uses `d3.select` to manipulate the SVG and table elements, and the data is sourced from a local `data.js` file. The table displays goals and country names, with hover effects enlarging rows via CSS.

GGavin Sykes
69% match