martipau@iu.edu

@paulinamillspaugh·8 public vizzes

ASD

This bar chart shows campaign donation amounts by sports league, colored by political party affiliation (Democrat, Republican, Bipartisan, or N/A), with a legend indicating party colors. Hovering a bar reveals a tooltip displaying the league, party, and total donations for that league. Built with D3 v6, it uses `d3.select` to build the SVG, `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.csv` to load the dataset, with interactive tooltips styled via CSS.

May 4, 2024

Loading thumbnail…

Fork of HTML Starter

This visualization displays political donation amounts across major sports leagues (NBA, NFL, MLB, NHL, WNBA, NASCAR), with a multi-line chart grouping donations by party affiliation. Using D3 v6 with SVG rendering, the code loads data from a CSV file, applies time and linear scales, and uses `d3.group` to nest entries by party before drawing line paths with `d3.line`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

May 4, 2024

Loading thumbnail…

American Sports Polltical Donations

This example visualizes political donation amounts across American sports leagues, broken down by political party affiliation. A stacked bar chart displays donation totals per party, with each league's contributions color-coded and labeled via an interactive legend. The chart uses `d3.stack`, `scaleOrdinal`, and `schemeCategory10` from D3 to process and render the data from a CSV file. Hovering over a color legend entry highlights the corresponding league's bars while fading others, using `flatRollup` for data grouping and `axes` from `@curran/responsive-axes` for chart scaffolding.

May 4, 2024

Loading thumbnail…

Fork of Fork of Interactive Stacked Bar Chart

This interactive stacked bar chart visualizes the estimated religious composition of the 20 most populous countries in 2010, with each bar segment colored by religion using d3.scaleOrdinal and d3.stack. Hovering over the color legend highlights the corresponding religion in the chart, fading other segments and raising the active stack via d3 selection methods. The chart uses d3.scaleLinear and d3.scaleBand for axes, with data sourced from Pew Research and rendered using the d3 selection/join pattern.

May 4, 2024

Loading thumbnail…

Fork of Interactive Stacked Bar Chart

This stacked bar chart illustrates the estimated religious composition of the 20 most populous countries in 2010, with each bar segment colored by religious affiliation and scaled by population in millions. Users can hover over the color legend to highlight a specific religion across all countries, applying a fade effect to unrelated segments and raising the hovered stack to the front. Built with D3.js, it uses `flatRollup`, `stack`, `scaleBand`, and `scaleLinear` to structure and position the data, sourced from the Pew Research Center’s Global Religious Landscape report.

May 4, 2024

Loading thumbnail…

Fork of Interactive Stacked Bar Chart

This chart displays campaign donations from various sports leagues, grouped by political party affiliation, using a stacked bar chart. Each bar represents the total donation amount per party, with colored segments showing the league breakdown. Hovering over a league in the color legend highlights its corresponding segments and dims others. The visualization uses d3.flatRollup, d3.stack, and d3.scaleBand for aggregating and rendering the data from the sports-political-donations.csv source.

May 4, 2024

Loading thumbnail…

American Sports Owner - Political Donations

This visualization plots political donations by American sports owners as circles on a scatter plot, with the league on the x-axis and donation amount on the y-axis. The title is displayed above the chart. Built with D3 v5, the code uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.csv` to load the data. Each circle is positioned using the band scale’s bandwidth and rendered in an SVG.

May 3, 2024

Loading thumbnail…

Political Contributions by Sports Owners

This visualization displays a scatter plot of student math versus verbal SAT scores for all states in 2015. Each circle represents a state, positioned by its average scores and sized by the number of test takers. Colors are determined by whether the state's mathematics GPA is above or below 3.5. The chart uses D3 v7 with `d3.scaleLinear` for axes and circle sizing, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the `satscores.csv` file. Interactive hover effects, implemented via CSS, change point color. The SVG rendering includes a color and size legend for interpretation.

May 3, 2024