Skip to main content
SimilarExport ZIP
100%

Dimas_Chicago Cubs Wins and Losses ScatterPLot with Boxs and PCT Scale

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

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.

AI-generated description

Showing Data on the Chicago Cubs Baseball Team. Chicago_Cubs_Yearly_results_Dataset3

We see the win loss comparions using the scatterplot and with color we see the PCT which we would expect to relate to the slope of the two.

MIT Licensed

Similar vizzes

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.
94% match
Loading thumbnail…

Dimas_Chicago Cubs Wins and Losses Scatter Plot

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.

GGeri D.
93% 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.
78% 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
73% 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
72% match
Loading thumbnail…

Baseball Scatterplot Matrix II

This example shows a scatterplot matrix of 1986 baseball statistics, plotting pairs of traits like hits, home runs, and RBIs to reveal correlations. A slider controls the fill opacity of the SVG circles, allowing users to adjust point visibility. Built with D3 v4, it uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleCategory20` for color encoding by position. Data comes from the R package Visualizing Categorical Data.

深深度碎片
70% 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
69% match
Loading thumbnail…

Baseball Scatterplot

Baseball Scatterplot visualizes 1986 baseball player statistics from the Baseball.csv dataset, using D3.js v4 to render an SVG scatterplot. Each player is a circle positioned by at-bats (x-axis) and runs (y-axis), with the circle's radius scaled to home runs using `d3.scaleSqrt`. A categorical color scale encodes the player's team. The chart includes axis tick marks and a legend; hovering over a team in the legend fades out all other circles, highlighting only that team's players. Player names appear on hover.

AAndresAnayaIsaza
69% match