Skip to main content
SimilarExport ZIP
100%

Sketch2 of football results

✓ Published2🌍 Public
Llynz09
Last edited Oct 1, 2020
Created on Oct 1, 2020
Forked from Hello VizHub

This visualization shows the frequency of international football matches by year, broken down by tournament type, using a stacked bar chart. The bars reveal that events like the AFC Asian Cup occur more often in non-World Cup years, while other competitions vary by season. The visualization is built with d3.v5 and Vega-Lite, loading data from a CSV file via d3.csv, and renders the chart using Vega’s SVG renderer. The tooltip handler provides interactive details, and the chart is configured with custom fonts and colors from a shared config file.

AI-generated description

sketch2 of international football results: question: investigate which are the most common game type and comptetitions per year We can see that some events/tournaments are more frequent on non-world cup years.The most common event is AFC Asian Cup. Data:International football results.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sketch2 of football results

This visualization shows the frequency of international football matches by year, broken down by tournament type, using a stacked bar chart. The bars reveal that events like the AFC Asian Cup occur more often in non-World Cup years, while other competitions vary by season. The visualization is built with d3.v5 and Vega-Lite, loading data from a CSV file via d3.csv, and renders the chart using Vega’s SVG renderer. The tooltip handler provides interactive details, and the chart is configured with custom fonts and colors from a shared config file.

Llynz09
100% match
Loading thumbnail…

International football results

The visualization shows the number of international football matches per year from 2010 to 2020, with lines colored by tournament type. It uses Vega-Lite’s `markLine` to aggregate and count matches over time, encoding the date field on the x-axis and the count of games on the y-axis. The data is loaded via `d3.csv` from a gist containing international football results. The chart is rendered with Vega-Lite’s API and Vega’s renderer, while a custom config adjusts axis and label styling for readability.

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

Number of football games with an Interactive Color Legend

This scatterplot shows the number of football games per tournament type between 2010 and 2020, with each circle representing a game and color encoding tournament category. An interactive color legend lets users hover over a tournament type to highlight only its games while fading others. The visualization uses React with D3 v5 APIs including `scaleTime`, `scaleLinear`, `scaleOrdinal`, `nest`, and `csv` for data loading. International football results data are rendered as SVG circles with axes and a responsive legend.

Llynz09
72% match
Loading thumbnail…

International football games with selectable countries

This map visualizes international football games from 2010 to 2020, with countries colored by the number of matches played. Users can pan and zoom using d3.zoom, and click on individual countries to highlight them or dim the rest of the map. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render world boundaries from TopoJSON data, while match counts come from a Kaggle CSV dataset. A color legend with d3.scaleSqrt and scaleLinear controls the color encoding, though hovering to display exact counts remains incomplete.

Llynz09
72% match
Loading thumbnail…

International football games around the world

This example visualizes cities that hosted international football games between 2010 and 2020 on a world map. It shows the geographic distribution of match locations using red circles, with the map rendered as a natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath. Country boundaries come from World Atlas TopoJSON, with graticules and a light blue sphere for context. City data is loaded from a CSV file listing coordinates and match counts, while circle sizing uses d3.scaleSqrt. The visualization is built with React and D3 v5, rendering to SVG.

Llynz09
71% 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
70% match
Loading thumbnail…

AmpLat

This animated scatter plot compares football league scoring statistics across five seasons using data from Kaggle. The visualization supports interactive filtering by year and variable selection through dropdown menus, while a color legend identifies leagues. Built with D3.js, the chart uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for league colors, and `axes` from `@curran/responsive-axes`. Hovering over a point reveals the player’s name and enlarges the circle, while clicking the color legend dims non-matching points.

Ssaleem.huda@gmail.com
69% match