Skip to main content
SimilarExport ZIP
100%

James Eanes - VI9

✓ Published0🌍 Public
JJamestiberiuseanes
Last edited Apr 7, 2016
Created on Mar 29, 2016

This scatterplot displays college quarterbacks by passing and rushing yards, initially showing only the top five ranked players with a button to expand the view to all quarterbacks. Dots are colored using a five-class ColorBrewer Blues ordinal scale based on rank, with hover tooltips revealing player details. The visualization is built with D3.js v3, using SVG rendering, linear scales, axes, and event handlers for interactive filtering and tooltip display.

AI-generated description

James Eanes - VI 9

Similar vizzes

Loading thumbnail…

James Eanes - VI8

This interactive scatterplot visualizes the relationship between passing and rushing yards for college football quarterbacks in the 2014 season, with each dot representing a player. The view groups teams by conference affiliation (Power Five, Group of Five, or Independent) using a categorical color scheme from `d3.scale.category10()` and the ColorBrewer palette. Built with D3 v3, the visualization renders as an SVG with animated tooltips on mouseover, displaying player details. Data comes from the included `passing-stats-2014.csv` file.

JJamestiberiuseanes
92% match
Loading thumbnail…

ICW2 - James Eanes

This visualization combines a scatterplot matrix and bar charts to explore college football passing and rushing statistics. The scatterplot matrix, generated with R’s base `pairs()` function, displays pairwise relationships between passing yards, passing touchdowns, passer rating, rushing yards, and rushing touchdowns. The horizontal bar chart, built with `ggplot2`, shows each player’s passing yards, using conference as a fill color via `aes(fill=stats$Conf)`. A third chart uses `stat_summary(fun.y="mean", geom="bar")` to display average passing yards per conference. Data comes from a CSV file (`passing-stats-2014.csv`).

JJamestiberiuseanes
73% match
Loading thumbnail…

VI4 - Magnitude as Area

This visualization demonstrates magnitude as area through a pie chart, showing passing yard totals for four quarterbacks with each slice’s size proportional to its count. The chart uses D3.js version 3.5.5, specifically the `d3.layout.pie` and `d3.svg.arc` APIs to compute and draw the arcs, while `d3.scale.category20b()` assigns slice colors. The data is a subset of week 3 passing yardage, rendered as an SVG element within the HTML page.

JJamestiberiuseanes
70% match
Loading thumbnail…

S18 - HW3 - Scatterplot

The scatterplot visualizes player performance by mapping rushing touchdowns to the x-axis and passing touchdowns to the y-axis, with each point representing an individual player. The chart uses color hue to encode the categorical conference attribute and point size to encode a derived quantitative attribute (Pct × Rate × 0.0005). The visualization is implemented in D3 v4 using SVG and includes animation and interactive tooltips.

HHussamHallak
69% match
Loading thumbnail…

James Eanes - VI5

This example contrasts an unjustified 3D Excel line chart with its standard 2D counterpart, using passing yards data from a football dataset. It demonstrates how the 3D version introduces perspective distortion and occlusion, making it harder to identify peak values despite adding no structural insight. The second chart, a plain Excel line graph, conveys the same data clearly and effortlessly. The visualizations are created entirely in Microsoft Excel, relying on its native charting capabilities rather than any external libraries.

JJamestiberiuseanes
67% match
Loading thumbnail…

VI4 - Identity as Color Hue

This example visualizes a small dataset of college football teams by encoding each team’s identity directly as a color hue. Five circles, one per team, are arranged horizontally, with each circle’s fill color matching a team-specific value from the dataset. The code uses D3.js (version 3.5.5) to select and append SVG circles, binding the data array that pairs team names with colors. The rendering approach relies on SVG attributes like `cx`, `cy`, `r`, and `fill`, with the fill determined by the second element of each data pair. The data source is a subset of a passing yards dataset, provided via gist.

JJamestiberiuseanes
67% match
Loading thumbnail…

NFL Scatter Plot

This scatter plot visualizes NFL player performance by plotting fantasy points against targets for the 2021 season, with player positions (RB, WR, QB) color-coded. The visualization uses D3.js v7 APIs such as `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes and render SVG circles. Data is loaded asynchronously from a CSV hosted on GitHub using the `csv` method, and the drop-down menus for axis selection are present but not yet wired to update the chart.

AArturo Guevara
67% match
Loading thumbnail…

Interactive Scatter Plot

This interactive scatter plot visualizes top football league scorers using D3.js, letting users explore relationships between performance metrics like goals, shots, expected goals (xG), and minutes played. Three dropdown menus allow selection of the x-axis variable, y-axis variable, and season year (2016–2020). The chart renders circles colored by league, with player labels on hover and a color legend that supports filtering by league via click, with double-click to clear. All visual elements—including axes, scatter points, and legend—update in response to user input, creating a dynamic, animated exploration of the dataset. The visualization is built with D3 v7 and is responsive to container resizing.

Eeschuman20@gmail.com
66% match