Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published0🌍 Public

Last edited Jul 27, 2020

Created on Jul 27, 2020

This scatter plot tracks Wigan Athletic’s home performance across the 2018-19 Championship season. The chart plots match dates on the x-axis against two metrics: average home goals scored (black line) and average points won per home game (gold line), with green circles marking each individual fixture. The visualization uses d3.csv for data loading, d3.scaleTime and d3.scaleLinear for axes, and d3.line with curveBasis to smooth the trend lines. SVG rendering handles the titles, gridlines, and circle markers.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes

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

80% match

Loading thumbnail…

A4 - Scatter Plot

This scatter plot visualizes the relationship between total expected goals (xG) accumulated by football teams in home versus away games during a Premier League season. Each circle represents a team, positioned by aggregating home and away xG values via `d3.rollup` and `d3.sum` from CSV data. The visualization uses D3 v7 to create SVG axes with `d3.axisLeft` and `d3.axisBottom`, labels, and labeled circles, with hover effects defined in CSS.

RRavneet Singh Bhatia

73% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the final Premier League standings, plotting each team’s points total along the x-axis against team names on the y-axis using a categorical scale. It uses d3.csv to load the data, d3.scaleLinear for the point values, and d3.scalePoint for team ordering, with axes from d3.axisLeft and d3.axisBottom. Circles are rendered via SVG, with gridlines generated through tickSize, and margin-based positioning via a translated group.

Bbenholvey

72% match

Loading thumbnail…

Scatter Plot Simple PL xG Data

This scatter plot visualizes Arsenal's performance data from the 2021-22 Premier League season, displaying two overlapping datasets from a CSV file: actual points scored and expected points (xG) per matchweek. Both series appear as red and green circles plotted against matchweek on the x-axis, with no axes or labels visible. The visualization uses d3.scaleLinear for both coordinate mappings and d3.scaleOrdinal for color encoding, while data is fetched and parsed with d3.csvParse.

MMatthew Dzwil

71% match

Loading thumbnail…

Scatter Plot Simple PL xG Data

MMatthew Dzwil

71% 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

69% match

Loading thumbnail…

Scatter Plot

A scatter plot visualizes top football league scorers for 2018, plotting goals on the x-axis against shots on the y-axis. Each circle represents a player, colored by league (La Liga in yellow, Serie A in green, Bundesliga in red, Premier League in blue) with opacity and fixed radius. The visualization uses D3's `scaleLinear`, `extent`, `axisLeft`, and custom axis-label components to render axes and labels. Data comes from the Kaggle "Top Football Leagues Scorers" dataset.

Eeschuman20@gmail.com

68% match

Loading thumbnail…

Cars Scatter Plot

This visualization presents a scatter plot of car data, mapping the year on the x-axis and weight on the y-axis, with circle size determined by the square of the y-value. A small pie chart appears in the lower right, displaying a separate dataset. The plot uses D3.js v5 with SVG rendering, employing `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.pie` for the chart elements, with data loaded from a CSV file.

Zzhu

68% match