Skip to main content
SimilarExport ZIP
100%

Fork of Team Efficiency Scatter Plot

✓ Published0🌍 Public
HHirsh Gupta
Last edited Jul 14, 2021
Created on Jul 14, 2021

This scatter plot displays team efficiency by comparing optimal hours per week against the difference between actual and optimal hours. Each circle represents a team, colored by team name, with axes labeled "Optimal per Week" and "Difference per Week." The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.nest` to group data, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data comes from a CSV file loaded via `d3.csv`, with a title overlaid on the plot.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Team Efficiency Scatter Plot

This scatter plot shows the relationship between team efficiency and optimal weekly output, with one circle per team positioned by efficiency on the x-axis and optimal hours per week on the y-axis. The code uses D3 v5 APIs including `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.nest` to group the data by team name. Each circle is colored using a categorical color scale based on the team’s position. Axes include gridlines and labels, while the data comes from a CSV file parsed with `d3.csv`.

HHirsh Gupta
93% match
Loading thumbnail…

Fork of Team Efficiency Scatter Plot

This fork of a team efficiency scatter plot uses D3 v5 to visualize the relationship between actual and optimal performance metrics for different team positions. The SVG visualization displays circular data points positioned by their x and y coordinates, with varying radii and colors representing different team members. The chart includes axis labels and tick marks styled with CSS, though the code reveals it is currently using placeholder data and D3's older linear scale API rather than the actual CSV data provided.

HHirsh Gupta
88% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes fantasy football team efficiencies by comparing actual versus optimal weekly performance across different positions. A dropdown menu lets users filter data by team or position, with each team represented as a colored circle. The visualization uses D3.js v5 with SVG rendering, employing d3.scaleLinear for axes and d3.csv to load the dataset. Hover interaction is not implemented, but the menu-driven filtering updates the scatter plot dynamically.

HHirsh Gupta
75% match
Loading thumbnail…

Fork of NBA Player Efficiency Scatter Plot

This scatter plot visualizes NBA player scoring efficiency using a dataset from a GitHub gist. It plots minutes played on the x-axis against a selectable y-axis metric—points, rebounds, assists, steals, or blocks—with each dot representing a player. Dot color indicates efficiency (points per minute), with Western Conference teams shown in reds and Eastern Conference teams in blues, differentiated through `d3.scaleSequential` with `interpolateReds` and `interpolateBlues`. The visualization uses D3 v6 with SVG rendering, including animated transitions via `transition().duration(600)`, interactive hover opacity, a dropdown menu built with a custom `menu` module, and a color legend for conference identification.

YYichen Li
73% match
Loading thumbnail…

Fork of Fork of Random Squares and circles

This scatter plot visualizes the relationship between Year 1 and Year 2 wins for different teams, with each point representing a team’s performance across two consecutive years. The chart uses D3 v7 to load CSV data from a remote gist and render circles with steelblue fill at reduced opacity, allowing overlapping points to be distinguished. Axes are generated using D3’s `axisBottom` and `axisLeft`, with labels added via SVG text elements. The plot highlights outliers and patterns in team consistency over time, as described in the accompanying analysis text.

Ppraveennayak1702@gmail.com
73% match
Loading thumbnail…

Fork of Fork of Create a face with d3.js!

This example visualizes team performance with a reusable scatter plot, showing wins per year as individual circles. The D3.js v7 code loads CSV data from a GitHub gist using `d3.csv` with `d3.autoType` for type inference, then renders an SVG chart. Axes are generated with `d3.axisBottom` and `d3.axisLeft` on a 800x500 pixel canvas, with circles positioned via `d3.scaleLinear` scales for the x (Year) and y (Wins) values. The plot uses steelblue circles with 70% opacity, styled with a clean sans-serif layout.

Ppraveennayak1702@gmail.com
73% match
Loading thumbnail…

Fork of NBA Player Efficiency Scatter Plot

The scatter plot visualizes NBA player statistics, displaying player efficiency with darker dots representing higher points-per-minute ratios. The x-axis shows minutes played, while the y-axis can be switched between points, rebounds, assists, steals, and blocks. Built with D3 v6 using SVG, the visualization includes dropdown menus for axis selection and hover tooltips revealing player names. The code uses d3.scaleLinear, d3.scaleSequential with the interpolatePuRd color scale, d3.axisLeft, and d3.axisBottom, with animated transitions updating circle positions and colors when the selected statistic changes.

YYichen Li
72% match
Loading thumbnail…

Fork of NBA Player Scoring Efficiency Scatter Plot

This scatter plot visualizes NBA player scoring efficiency by plotting minutes played on the x-axis against points scored on the y-axis. Each circle represents a player, with darker colors indicating higher scoring efficiency, computed as points per minute multiplied by fifteen. The visualization uses d3.csv to load the dataset, d3.scaleLinear for both axes, and d3.scaleSequential with an interpolatePuRd color scale. Hovering over a dot reduces its opacity, while a title tooltip displays the player’s name and points. The chart renders as SVG, sized to the full window.

SSamanvitha1
71% match