English Premier League Visualization

100%

English Premier League Visualization - Resize

✓ Published0🌍 Public

Last edited Oct 25, 2017

Created on Oct 18, 2017

This line chart tracks the weekly cumulative league points for Arsenal and Tottenham across the 38-game 2003-04 English Premier League season, with Arsenal’s undefeated run finishing at 90 points versus Tottenham’s 45. The graphic uses D3 v4’s `d3.line` and `d3.scaleLinear` to map data from a CSV file, while the SVG elements and axes are redrawn on every window resize via a custom `redraw()` function attached to a `resize` event, updating paths through `enter`/`merge`/`exit` selections. The chart illustrates the widening gap between the two North London rivals throughout the season.

AI-generated description

English Premier League 03-04

English Premier League (03-04) W/L data. I’m an Arsenal fan and my team accomplished an undefeated season in 03-04 so I choose this set ;) URL / Downloadable CSV

This line chart is about the North London rivals Arsenal(red) and Tottenham(blue) league points from week 1 to week 38 (Arsenal 90 points in week 38 and Tottenham 45 points).

General update pattern resize function inspired by connieGao0819’s Block

Forked from d3noob’s Block.

forked from <a href='http://bl.ocks.org/RainismZ/'>RainismZ</a>'s block: <a href='http://bl.ocks.org/RainismZ/8e8d4c8677ac04f92b6c8e56ebfcc138'>English Premier League Visualization</a>

mit Licensed

Similar vizzes

Loading thumbnail…

This line chart compares the weekly league points of Arsenal and Tottenham across the 38-game 2003-04 English Premier League season, highlighting Arsenal’s unbeaten run and their final 90-point tally against Tottenham’s 45. The graphic renders two distinct lines in red and steelblue, using d3.csv to load the precomputed weekly standings and d3.scaleLinear to map week numbers and points to the SVG canvas. The code builds paths with d3.line, applies axes via d3.axisBottom and d3.axisLeft, and styles the strokes in CSS, with the data sourced from a GitHub CSV.

RRainismZ

92% match

Loading thumbnail…

English Premier League Visualization - Interactive

This interactive line chart tracks the weekly point totals of Arsenal and Tottenham in the 2003-04 English Premier League season, sourced from a football CSV dataset. Two SVG paths represent each team’s cumulative points across 38 weeks, with Arsenal in red and Tottenham in blue. Hovering over a line triggers a D3 event that increases its stroke width to emphasize the selected team, while the chart resizes responsively to the window. The visualization uses D3 v4’s `d3.select` and `d3.line` APIs, with axes scaled via `d3.scaleLinear`.

RRainismZ

92% match

Loading thumbnail…

Scatter Plot PL xG Data

This scatter plot shows Arsenal’s points and expected points (xP) per matchweek across a Premier League season. A single SVG canvas displays two overlaid linear scales mapping matchweek to points and xP, with axes labeled accordingly. The code uses D3 v7 primitives like `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` from the `axes` module. Data is loaded via `csvParse` from a raw GitHub CSV, filtered for Arsenal, and rendered as circles using `selectAll('circle').join()`. The visualization clarifies how actual results compare to underlying performance metrics.

MMatthew Dzwil

74% match

Loading thumbnail…

Arsenal monthly PPG Line Chart

This line chart shows Arsenal’s points per game in the English Premier League across five seasons, averaged monthly from 2013/14 through 2017/18. Five colored lines, each representing a season, trace the team’s performance using d3.line with curveCardinal smoothing. The code loads CSV data from DataHub and renders an SVG with d3.scaleBand for months, d3.scaleLinear for points, and d3.axisBottom and d3.axisLeft for axes. A legend built with d3.scaleOrdinal uses fixed colors to map each season.

MMihir Sawant

73% match

Loading thumbnail…

Scatter Plot PL xG Data with both xP and Points

This scatter plot visualizes Arsenal’s Premier League performance by overlaying actual points and expected points (xP) across matchweeks. Red and green circles distinguish the two metrics, with both plotted against the same axes. The visualization uses d3.scaleLinear for scales, d3.scaleOrdinal for coloring, and d3.axisLeft and d3.axisBottom for axes. Data is fetched as CSV and parsed with d3.csvParse, then filtered to Arsenal. The chart updates responsively with window dimensions and renders separate groups for points and xP values.

MMatthew Dzwil

73% match

Loading thumbnail…

Line Chart PL xG Data with both xP and Points

This line chart visualizes Arsenal's expected goals (xG) data across Premier League matchweeks, comparing their xP (expected points) against actual Points earned. The visualization uses a red solid line for points and a green dashed line for xP, with both plotted against the same axis. Built with D3.js v7, the implementation uses `scaleLinear` for axes and the `line()` generator to create path elements. The data is loaded via `csvParse` from a GitHub gist containing the 2021-22 season statistics.

MMatthew Dzwil

72% match

Loading thumbnail…

Final xP vs. Points for the 2021-2022 Premier League Season

This interactive scatter plot tracks Arsenal’s expected points (xP) and actual points across the 2021-2022 Premier League season. A sidebar of team crest buttons lets users switch teams, updating two overlaid line charts: a solid line for points and a dashed line for xP. Built with D3 v7, the visualization uses `scaleLinear`, `line`, and `axisBottom`/`axisLeft` from the `axes` module, with data fetched from CSV files via `csvParse`. A legend highlights line types, and hover effects scale crest images.

MMatthew Dzwil

72% match

Loading thumbnail…

Table updated of PL xG Data with both xP and Points

This visualization displays Arsenal’s Premier League expected points (xP) and actual points across matchweeks, rendered as a table alongside a scatter plot with two overlaid line charts. The code uses D3 v7 APIs including `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to draw axes and paths, while the table is built from parsed CSV data using `csvParse` and dynamic column mapping. Data comes from a GitHub-hosted CSV file, with xP and Points values converted to numbers.

MMatthew Dzwil

71% match