projet v17_select line

100%

projet v17_select line

✓ Published0🌍 Public

Last edited Jan 8, 2017

Created on Jan 8, 2017

This visualization tracks the progression of tennis players through the 2016 Australian Open, showing each player’s ranking difference against their opponent across seven rounds. The chart encodes wins and losses with solid versus dashed lines, using a custom dataset of player rankings extracted from the ATP match data. Built with D3 v3, the code parses the `test_atp.csv` file to construct per-player trajectories, then renders them as SVG line charts with grid lines and axes.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/romsson/'>romsson</a>'s block: <a href='http://bl.ocks.org/romsson/855207ac5fb5c170de59b9c69ea56012'>simple line chart from dataset</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/6b86b7a0c563a9156dbb2025d99bbbce'>simple line chart from dataset</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/e765b3d4c545e0a1f7e18f5455407432'>simple line chart from dataset</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/9ca1614031a9129da73cc86fa018b519'>simple line chart from dataset</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/432d506a9e2bdf66b738921e59af825d'>simple line chart from dataset</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/5d0cdc986228de1ea2c1d85cb6d6d077'>simple line chart from dataset</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/17582e366a34e34da3f85c2ce807a974'>projet </a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/85fa4280479fb86eb937a9761bc20a78'>projet </a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/57a030a54f50b8d895550a0b9d889d49'>projet </a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/739c34ec507af3fd3dd625f1bc7bae45'>projet v11</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/a40c63bc441b309d687fa165432e4693'>projet v11</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/4dd6158b0ffcb6954e31e74190314468'>projet v13</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/346a2b5fe5ead59e80bbf4d2fef75bcc'>projet v17_select line</a>

mit Licensed

Similar vizzes

Loading thumbnail…

projet

This visualization tracks individual tennis players’ ranking differences across tournament rounds at the 2016 Australian Open. It computes, for each player, the rank gap between them and their opponent for each match they played, marking wins and losses as V or L. The code uses d3.csv to load match data and builds a nested result object per player, iterating through rounds to append events. No chart is rendered; the example only processes and logs the structured data in the console.

NNaram22

89% match

Loading thumbnail…

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.

NNaram22

88% match

Loading thumbnail…

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.

NNaram22

87% match

Loading thumbnail…

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.

NNaram22

87% match

Loading thumbnail…

projet vfinal

An interactive line chart visualizes player rankings from ATP tennis tournament match data. The visualization uses D3.js (v3) to parse CSV match results, track individual player progression through tournament rounds, and display the difference between player rankings and their opponents' rankings. Animated SVG paths with dashed and solid line styles represent player trajectories, while a reset button and tooltips provide interaction. The code also includes dataset files and uses the `d3.csv` function to load and process the external tennis tournament data.

NNaram22

87% match

Loading thumbnail…

projet v0

This visualization tracks the progress of a single ATP tennis player through seven tournament rounds, plotting the ranking difference between the player and each opponent as a line chart. The blue line uses `d3.svg.axis` and `d3.scale.ordinal` for the round labels, with a linear y-scale for ranking gaps. Data is loaded from `test_atp.csv` and processed into per-player match results, though only one indexed player’s path is displayed.

NNaram22

86% match

Loading thumbnail…

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.

NNaram22

86% match

Loading thumbnail…

projet final

This interactive visualization tracks tennis players’ progress through a Grand Slam tournament, showing the ranking difference against each opponent across seven rounds. Each player appears as a node on a line chart, with separate paths for wins and losses, and a button resets the view. Built with D3.js v3, it loads ATP match data from CSV files, processes player rankings and match outcomes, and renders the animated SVG chart with axes, grid lines, and tooltips.

NNaram22

86% match