Skip to main content
SimilarExport ZIP
100%

Dimas_Chicago Cubs Wins and Losses Scatter Plot

✓ Published1🌍 Public
GGeri D.
Last edited Sep 21, 2020
Created on Sep 14, 2020

A scatter plot visualizes Chicago Cubs season results, with wins on the x-axis and losses on the y-axis, while color encodes the team’s final place finish. Hovering reveals the season year and games behind (GB), contextualizing performance relative to division standing. The visualization uses Vega-Lite’s API and D3.js to load CSV data from a GitHub gist, rendering circles with an opacity of 0.5.

AI-generated description

Showing Data on the Chicago Cubs Baseball Team.

Chicago_Cubs_Yearly_results_Dataset3

We see the win(x axis) loss (y axis) comparions using the scatterplot and with color we see the palce the team took that year. If you hover you see which season it was as well as the GB(games behind that season they were), which is intresting in comparison to overall place they took.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dimas_Chicago Cubs Wins and Losses ScatterPLot with Boxs and PCT Scale

This visualization uses a scatterplot to compare Chicago Cubs wins and losses across seasons, with the winning percentage (PCT) encoded through the color of each square mark. The plot is built with Vega-Lite API (v4) and D3 v5 for data loading via `d3.csv`, rendering the dataset from a GitHub gist. Tooltips display season year, games behind (GB), and PCT for each data point, while axes are customized through the `config` object to improve readability.

GGeri D.
93% match
Loading thumbnail…

Dimas_Chicago Cubs Wins and Losses by Team Name over Years with PCT_Square Vertical Plot

This visualization uses a square scatter plot to compare the historical wins and losses of the Chicago Cubs across different team names and seasons. Each square represents a year, positioned by team name on the x-axis and total wins on the y-axis, with color encoding the team’s winning percentage (PCT). The tooltip reveals the season year and games behind (GB). Built with Vega-Lite API and D3, the chart loads CSV data from a GitHub gist and applies a custom dark-themed configuration to improve readability.

GGeri D.
92% match
Loading thumbnail…

Dimas_Dataset3_CubsData

This example displays basic metadata about the Chicago Cubs yearly statistics from 1874 to 2016, loading a CSV file from a GitHub gist. It shows the file size in kilobytes, the number of rows, and the number of columns in the dataset, which includes wins, losses, and games behind. The code uses the D3 v5 library, specifically `d3.csv` and `d3.csvFormat`, to fetch and parse the data, then updates an HTML `<pre>` element with the computed summary. The visualization itself is minimal, serving as a data-loading preface rather than presenting any charts or graphs.

GGeri D.
75% match
Loading thumbnail…

Classic Cubs

This visualization, rendered with D3 and Lodash, displays the winning percentages of eight classic National League baseball teams throughout the 1909 season. Each team's path tracks its cumulative win ratio game-by-game, revealing the fluctuating pennant race. The x-axis is a time scale using Wednesdays as tick marks, while the y-axis is a distorted scale that compresses the upper and lower ranges to emphasize the middle competition. Team labels follow their respective paths using SVG `textPath`. Data is sourced from Retrosheet game logs.

11wheel
71% match
Loading thumbnail…

Fork of Responsive Scatter Plot

This example visualizes the distribution of wins and losses across different teams for a specific year, using a pie chart to show each team’s share of total wins. The chart is generated from a CSV dataset loaded via `d3.csv`, with data filtered for the year 2020. Using D3.js v7, the code computes win percentages per team, applies a `d3.scaleOrdinal` color scheme, and renders the arcs with `d3.pie` and `d3.arc`. A legend, built with SVG rectangles and text, identifies each team’s color, while the layout is fixed at 400x400 pixels with a responsive margin.

Ppraveennayak1702@gmail.com
69% match
Loading thumbnail…

Baseball Scatter Plot, Hits and Homeruns, Iterated

This scatter plot visualizes the relationship between hits and home runs in baseball, with each dot representing a player-season. The chart displays data from three leagues—American, National, and Federal—distinguished by color and identified in a legend. Using D3.js (v6) with SVG rendering, the visualization loads a CSV dataset via `d3.csv`, then maps hits and home runs to linear scales with `scaleLinear`. Points are drawn as semi-transparent circles, and axes are generated using `axisLeft` and `axisBottom` to display the quantitative values.

RRobert Johnson
68% match
Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between year and goals scored for NHL playoff teams, with circles colored by team. The chart includes labeled axes for both dimensions, rendering data from a CSV file. The visualization uses D3 v7 for its scales, axes, and data joins, with a helper function `scatterPlot` managing the plotting logic. Axes are generated using `axisLeft` and `axisBottom`, while `scaleLinear` and `extent` handle the data mapping. The visualization populates incrementally as data loads asynchronously via `fetch`.

Sstchiang
68% match
Loading thumbnail…

Final project week 8

This scatterplot compares recent and historical season win rates for nine teams, with the x-axis showing recent win rate and the y-axis showing historical win rate. Each team appears as a colored circle using D3’s `schemeCategory10` palette, positioned via `d3.scaleLinear` scales. The visualization renders through `d3.select` and `.join()` to bind the hardcoded data array, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes that divide the plot into four performance quadrants.

QQingyang Wang Profolio
68% match