Skip to main content
100%

Goals at the 2010 World Cup

✓ Published0🌍 Public
Aadilyalcin
Last edited Jan 15, 2017
Created on Dec 26, 2016

The visualization displays all goals scored during the 2010 World Cup, showing each goal as a record with the scoring team, scorer, receiving team, minute, and date. It uses a custom configuration with summaries positioned in left, right, middle, and bottom panels, and a record display that lists scorers sorted by date. The code loads data from a Google Spreadsheet via a gdocId and uses a force-directed layout through `d3.forceSimulation` to position the records, with an interactive zoom on details.

AI-generated description

Similar vizzes

Loading thumbnail…

All the champions, all the goals

This chord diagram visualizes all 2,427 goals scored and conceded in matches between the eight World Cup-winning teams, showing aggregate scoring relationships for each pair. Hovering over a team reveals its total goals scored and conceded, while hovering over a chord displays the head-to-head totals. The visualization uses D3.js v3, building the chord layout with d3.chord and rendering it as SVG paths with external arc labels and tick marks for goal counts. Data is embedded directly from the gist source, with tooltips implemented via div elements and mouse events.

GGerardoFurtado
72% 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
72% match
Loading thumbnail…

Task4

This bubble chart visualizes the correlation between the number of goals scored, the year, and attendance for FIFA World Cup tournaments from 1930 to 2014. Each circle represents a tournament, with its x-position indicating the year, y-position showing the average goals scored, and radius scaling with attendance. The chart uses D3.js v7 with SVG rendering, employing `scaleLinear` for axes and bubble size, `scaleOrdinal` for color mapping, and `interpolateTurbo` for the color palette. Interactive tooltips display the country name on hover, with animated transitions for showing and hiding the tooltip. The visualization includes a legend for attendance values and color-coded country labels.

Sshanmukhivasa@my.unt.edu
70% match
Loading thumbnail…

A6 BAR CHART

This D3.v7 bar chart visualizes total goals scored in each World Cup year, using a sequential blue color scale where darker bars indicate higher goal counts. The chart loads its data from a CSV file hosted on GitHub, and renders bars as SVG rectangles with rotated x-axis labels for year readability. A legend on the right includes a linear gradient swatch with tick labels, while the color scale is defined via `d3.scaleSequential` and `d3.interpolateBlues`. The code also employs `d3.scaleBand`, `d3.scaleLinear`, and standard axes through `d3.axisBottom` and `d3.axisLeft`.

SShazil Taqi
69% match
Loading thumbnail…

D3.js author driven viz

This visualization plots World Cup match attendance from 1934 onward as a scatterplot, with date on the x-axis and attendance on the y-axis. Each circle represents a match, with red and enlarged circles indicating games where the host nation was one of the competing teams, while blue smaller circles represent all other matches. The chart includes a legend distinguishing home-team games from others, along with labeled axes. Data is loaded from a TSV file and rendered using D3.js for the SVG layout and scales, while dimple.js is loaded but not used for the chart construction. The visualization highlights attendance patterns over time and emphasizes matches involving the host country.

Aadry34160
68% match
Loading thumbnail…

comments for our World Cup API!

This visualization displays the daily status of FIFA World Cup 2018 matches, including scores, winners, and scheduled local times for upcoming games. It uses a custom JavaScript API endpoint that takes an optional US phone number for schedule alerts and handles validation errors. The rendering relies on d3.forceSimulation for node positioning and d3.geoPath for geographic mapping, with Canvas getImageData for pixel-level interactions. The data source is a gist by achalvs, and the code demonstrates how API responses drive the visual representation of match outcomes and time-zone-aware scheduling.

Aachalvs
68% match
Loading thumbnail…

D3.js author driven viz

This visualization plots World Cup match attendance over time, with each match represented as a circle positioned by date on the x-axis and attendance on the y-axis. Red, larger circles indicate matches involving the host country’s team, while blue circles represent all other matches. A legend distinguishes home-team matches from others. The chart uses D3.js to load and parse a TSV dataset and to render the SVG axes and circles, with a custom D3 time scale and linear scale mapping dates and attendance values.

Aadry34160
68% match
Loading thumbnail…

A7 SteamGraph

This visualization presents a streamgraph of FIFA World Cup data, showing how metrics like goals scored, team count, games played, and attendance (in millions) shift across tournament years. The stacked area chart uses the d3.stack() layout with a wiggle offset to vary the baseline, making each layer’s fluctuations visible. Color-coded layers correspond to a legend on the right. The code loads CSV data via d3.csv, computes the stacked series, and renders the result as SVG paths using d3.area(). Axes, a color scale from d3.schemeTableau10, and interactive tooltips are also implemented.

SShazil Taqi
67% match