Lecy277

@Lecy277·5 public vizzes

cs 724 final chart

This chart shows how the regular-season quarterback rating and defensive ranking of Super Bowl-winning quarterbacks from 1990 to 2017 correlate with their team's defensive performance, using a dropdown to toggle between metrics. It renders as an animated bar chart built with D3 v3, using `d3.scale.linear`, `d3.scale.ordinal`, `svg.axis`, and `transition` to smoothly update bar heights and colors (red for top-five QBRank) when switching variables. Data is loaded from a tab-separated file (`mergedqb.txt`).

Apr 16, 2018

Loading thumbnail…

HW 4 Line chart

This line chart shows the total amount of United States foreign aid spending per year from 2002 to 2010, highlighting a sharp increase in 2009–2010. The chart uses a single teal line connecting points, with a time-scaled x-axis for years and a linear y-axis for dollar amounts. It is built with D3 v4, using `d3.tsv` to load the data, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` with SVG paths for rendering.

Feb 7, 2018

Loading thumbnail…

CS725 HW 4 BAR CHART

This bar chart displays the frequency of foreign aid donations by 18 countries between 2000 and 2010, with bar heights mapped to donation counts and each bar colored via a rainbow sequential scale. The y-axis ranges from 0 to 60 with 15 ticks, while the x-axis lists country names. Built with D3 v4, the visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleSequential` with `interpolateRainbow` for coloring. Data comes from a TSV file processed with OpenRefine.

Feb 7, 2018

Loading thumbnail…

S18 - HW 3 - Bar Chart

Two bar charts display the frequency of letters in English, with the first using a categorical color scale and the second using a color-saturation scale tied to frequency bins. The charts load tab-separated data with `d3.tsv`, map letter categories to `d3.scaleBand` positions and frequency values to `d3.scaleLinear`, and render SVG rectangles. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while bar colors are set via conditional logic in the `fill` attribute, using named CSS colors and hex codes.

Jan 31, 2018

Loading thumbnail…

S18 - HW3 - Scatterplot

This interactive scatterplot visualizes 2014 NCAA passing statistics, comparing rushing touchdowns on the x-axis against passing touchdowns on the y-axis for individual quarterbacks. Each point represents a player, with circle size encoding total touchdowns and color mapping to the player’s athletic conference. Built with D3 v4, the visualization uses SVG rendering and includes hover tooltips. The data originates from sports-reference.com and is loaded via `d3.csv`, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`.

Jan 31, 2018