14 years of golfing

projet v12

This visualization plots the ranking differences of 128 tennis players across seven tournament rounds, showing how each player's rank compares to their opponent's rank in each match. The SVG chart displays multiple line series, one per player, using blue strokes to trace the progression of ranking gaps from the first round through the finals. The code loads match data from a CSV file, calculates rank differences, and constructs a data array for each player before rendering the lines with d3.svg.line and d3.scale.ordinal for the x-axis.

74% match

projet

This visualization displays the evolution of 32 tennis players' ranking differences from their opponents across seven tournament rounds, from the first round through the finals. Multiple colored lines trace each player’s path, showing the rank gap between the player and their opponent at each stage. Built with D3.js v3, it uses SVG for rendering, with an ordinal x-axis for rounds and a linear y-axis for rank differences. The data comes from a CSV file containing ATP match information, parsed using d3.csv.

74% match

projet v22

This visualization shows the ranking differences between winners and losers across the rounds of a Grand Slam tennis tournament, with each player represented as a line tracking their progress from the first round through the finals. The SVG chart uses two line styles—a solid steelblue line for wins and a dashed line for losses—and includes a reset button to reinitialize the animation. Built with D3 v3, the code loads ATP match data from a CSV file, parses player rankings, and constructs a parallel-coordinates-style plot with an interactive tooltip.

projet v20

This visualization tracks the progress of tennis players through a tournament, plotting the difference in their ranking against their opponents at each round. It shows the trajectory of individual players with lines, where wins and losses are marked, and a reset button allows the view to be refreshed. The visualization is built with D3 version 3 and uses SVG for rendering, with animation for interactive feedback. Data is loaded from CSV files containing tournament results, and the code uses D3's `d3.csv` function to parse the data, while custom logic calculates ranking differences.

projet v13

This visualization tracks the progression of tennis players through a Grand Slam tournament, showing the difference in ranking between each player and their opponents across seven rounds from the first round to the finals. The code processes match data from a CSV file to build a dataset of wins and losses for each player, then plots these ranking differences as lines on an SVG chart. It uses d3.v3 to parse the data, create scales, and render the line paths, with solid lines representing actual wins and dashed lines for predicted or simulated outcomes.

projet v15_test

This visualization tracks the progression of tennis players’ ranking differences across seven tournament rounds, using a line chart built with D3 v3’s SVG utilities. The code parses a CSV dataset, assigns missing ranks to unranked players, and constructs a multiseries display where each line represents a player, with solid segments for wins and dashed segments for losses. The chart uses D3 scales, axes, and grid lines, with a steelblue stroke for the lines. The underlying data comes from the provided `test_atp.csv` file, and the visualization is rendered entirely in SVG.

projet v11

This example visualizes the progression of 128 tennis players through the rounds of a tournament, showing the difference in ranking between each player and their opponent at each stage. The code loads match data from a CSV file, processes it to track each player's path, and renders multiple line charts using D3.js version 3 with SVG. The charts display ranking differences across the rounds, with blue lines connecting data points for each player on a shared axis.

71% match

projet v11

This example visualizes the progression of 128 tennis players through the seven rounds of a tournament, plotting the difference between each player’s ranking and their opponent’s ranking at each stage. The code builds player and result objects from a CSV file, tracking wins and losses by matching named winners and losers. It renders colored SVG line paths using d3.v3, with an ordinal x-axis for rounds and a linear y-axis for ranking differences. The dataset is loaded via `d3.csv`, and the visualization uses generic SVG elements and axes without any interaction.