World cup score with coordinates

100%

World cup score with coordinates

✓ Published1🌍 Public

Last edited Nov 1, 2024

Created on Nov 1, 2024

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.

AI-generated description

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

Cleaned the data and added cordinates for the cities mentioned in the dataset The code for data preprocessing can be found here orld Cup Score Python Code,

MIT Licensed

Similar vizzes

Loading thumbnail…

world cup score

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.

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

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

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

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

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

69% match

Loading thumbnail…

Fork of v1

This interactive visualization presents a rotatable and zoomable globe displaying cricket World Cup match data across cities. Each location is marked with a steelblue circle, and hovering over a point reveals a tooltip with the winning team and match details. Built with D3.js, the visualization uses `d3.geoOrthographic` for the projection and `geoPath` to render world map outlines from TopoJSON data. City coordinates come from a local CSV file containing match statistics, with drag and zoom interactions controlled through D3's drag and zoom behaviors.

PParth Shroff

69% match

Loading thumbnail…

Fork of Fork of v1

This interactive globe visualizes cricket World Cup match data, with circles positioned at city locations and colored to represent teams. The orthographic projection supports pan and zoom navigation. The visualization uses `d3.geoOrthographic` and `d3.geoPath` to render world geography from TopoJSON data, while city coordinates from the merged CSV file are projected onto the globe. Tooltips display match details and winning information.

PParth Shroff

68% match