Gist 36a7cf7abee60da93d334983a2376562

100%

Gist 36a7cf7abee60da93d334983a2376562

✓ Published0🌍 Public

Last edited Oct 6, 2022

Created on Oct 6, 2022

This visualization maps English Premier League match odds onto a scatterplot, where each team matchup is positioned by the home and away win probabilities derived from the bookmaker prices. The chart shows the relative competitiveness of each fixture, with points clustered by the implied chance of a home victory. The code uses `d3.forceSimulation` for layout and `d3.scaleLinear` for axes, reading the comma-separated `odds.csv` file. Point positions are calculated from the raw odds using `d3.pack` or a custom projection, and the visualization is rendered with SVG circles via `d3.select`.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 5f8e4eac491a505537b35d6d623bed48

This visualization compares predicted versus adjusted team strength differentials for English Premier League matches, showing how new difference values diverge from older ones. It uses a scatterplot-like layout where each team appears twice—once as home and once as away—with points positioned by strength metrics and connected by lines to highlight changes. The rendering relies on D3.js’s `d3.forceSimulation` for node layout and SVG paths for connectors, while color and size encode the magnitude of the difference shift. Data comes from the embedded `diffs.csv`, which includes team names, strength ratings, and calculated chances. The code computes and displays the numerical gaps, emphasizing how revised calculations alter match outcome predictions.

CConorAspell

82% match

Loading thumbnail…

Gist bc8f07f831e90294024860ced25860a2

This visualization tracks English Premier League betting odds and team probabilities across a gameweek. It combines player and fixture data from the Fantasy Premier League API with head-to-head odds from the Odds API, filtering matches that fall between upcoming deadlines. The code uses pandas DataFrames to merge team names, calculates implied win chances from bookmaker odds (Paddy Power), and uploads the resulting CSV to an S3 bucket via a custom `fpl_utils` helper module. The process runs as an AWS Lambda function, with error handling that triggers SNS notifications on failure.

CConorAspell

81% match

Loading thumbnail…

Gist f284381bb142623d89f9aa34c2a7b15d

This example visualizes the upcoming gameweek’s fixture odds and player selection data, showing the probability of each team winning or drawing as derived from betting odds. The code fetches player and fixture data from the Fantasy Premier League API, merges it with daily odds stored in an S3 bucket, and calculates a “diff” metric comparing home and away win chances. Using pandas for data manipulation and the `requests` library for API calls, it outputs a combined player–fixture dataframe that highlights favorable matchups. The visualization runs as an AWS Lambda function, triggered on demand to refresh the data.

CConorAspell

80% match

Loading thumbnail…

Gist 9a395dc704cccccadb07f5963767f02a

This visualization maps the projected difficulty of upcoming fixtures for each team in a sports league, using a force-directed network layout. It shows the relationship between teams based on their opponents’ home and away difficulty ratings, with nodes positioned by a simulated physics model. The implementation relies on `d3.forceSimulation` to compute node positions and link forces, while `d3.geoPath` is not used here—instead, SVG elements are drawn for nodes and edges. The data comes from the `next_fixtures.csv` file, which lists team IDs and their assigned difficulty values. The code reads this CSV and renders a static snapshot, without interactive transitions or canvas-based pixel manipulation.

CConorAspell

78% match

Loading thumbnail…

Gist 9e7f962de44840b48f6f27bcbe4d8cd8

This scatterplot-like visualization maps player names, positions, and scores from a team.csv dataset, encoding score on the y-axis and position on the x-axis. It uses d3.forceSimulation to position overlapping labels and nodes, with a d3.scalePoint for categorical positioning and d3.select to bind data. Each player is represented by a circle colored by position, with a text label showing their name and score. The chart renders in SVG via d3, with axes generated by d3.axisLeft and d3.axisBottom. The visualization highlights scoring distribution across positions, such as high-scoring back-rowers and fly-halves, without additional interactivity.

CConorAspell

77% match

Loading thumbnail…

Gist 39c7e6c0a5bdba5e4a29bcfc73c16c30

This visualization displays the current lineup of a Fantasy Premier League team, encoding each player’s form, cost, and position through a custom force-directed layout. It shows how player attributes relate to team selection and playing chances, with node size or color mapping to form and cost. The code uses d3.forceSimulation to position nodes, d3.forceLink for connections, and SVG paths with d3.arc for circular representations. Data comes from the current_team.csv file, which includes player names, now_cost, form, and chance_of_playing_this_round values. The rendering relies on D3’s scale functions and axis components to encode quantitative variables, while missing chance values are left blank.

CConorAspell

77% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot shows football match data from the English Premier League, with each circle representing a match and colored by the number of goals scored. The visualization maps match days on the x-axis and total goals per match on the y-axis, using a linear scale for both. The code uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to load data, compute scales, and render axes with SVG circles. It also computes rolling averages for home and away performance before rendering.

Bbenholvey

75% match

Loading thumbnail…

Gist 97af63fb6b3e02655c4be44c0bafb29f

This example visualizes rugby player selections and costs for three Six Nations matches, showing each player’s position, team, and venue. A force-directed simulation, using `d3.forceSimulation`, positions players as nodes, with colors or links encoding team and game. The code reads `combined_info.csv` and uses D3.js to render the network, highlighting positional roles (Prop, Hooker, Lock) and player costs. The visualization reveals team composition and player distribution across home and away matches.

CConorAspell

74% match