final_data

100%

✓ Published0🌍 Public

Last edited Dec 10, 2024

Created on Dec 4, 2024

Forked from World cup score with coordinates

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.

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…

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

86% match

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

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

72% match

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

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

71% match

Loading thumbnail…

Final version - Globe

This interactive globe visualization displays cricket match data for cities worldwide, with each city marked by a circle. Users can pan and zoom the SVG-based globe, which uses the D3.js `geoOrthographic` projection. The visualization plots match details, including teams and winning information, into an interactive tooltip when a city is hovered. It leverages `d3.geoPath` for geographic shapes and displays data from a CSV file containing specific match statistics.

PParth Shroff

70% match

Loading thumbnail…

Global Data

This example displays a single country’s complete record from a global dataset as a formatted JSON object. It uses D3.js and a custom CSV parser to load and convert numeric fields, then renders the first data entry in a `<pre>` block. The visualization provides a direct, code-level view of the dataset structure, showing all variables like GDP, fertility, and CO2 emissions for a given nation.

Nnitinramagiri1@gmail.com

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

68% match