Skip to main content
SimilarExport ZIP
100%

ASD

✓ Published0🌍 Public
Mmartipau@iu.edu
Last edited May 4, 2024
Created on May 4, 2024
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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.

Mmartipau@iu.edu
84% match
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.

Mmartipau@iu.edu
82% match
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`.

Mmartipau@iu.edu
75% match
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.

Mmartipau@iu.edu
74% match
Loading thumbnail…

Donor type

A horizontal diverging bar chart displays donor contributions divided into total actions and amounts, further segmented by COVID-19 and other purposes. Users toggle between these three aggregate views via an interactive menu. The chart uses React with D3 v6, rendering SVG via `scaleBand` and `scaleLinear`. Data loaded from a CSV file is processed in `useData`, with `Marks` drawing proportional rectangles and `ColorLegend` providing dynamic labels.

Kkragovic
71% match
Loading thumbnail…

Types of donors - tweak

This interactive bar chart shows the distribution of donor types across three categories: Total, Covid, and Other, allowing viewers to switch between these metrics. The visualization uses React and D3 version 6, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering horizontal bars as SVG `<rect>` elements. Donor type labels and values appear directly on each bar, with tooltips providing exact formatted numbers via the `format` function. The data is loaded from a remote CSV file using D3's `csv` parser, and the interactive menu lets users change the displayed attribute by clicking on text elements.

BbeauMarko
70% match
Loading thumbnail…

[A10] Bar Chart of 2016 Election Data (Found Black Hat + White Hat Redesign)

This bar chart visualizes voter quantities across four political groups, using a color scale of blue, red, black, and gray to differentiate categories. The visualization loads election results from a CSV file via d3.csv, then renders SVG bars with d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis. Interactive hover effects change bar opacity and display a quantity tooltip, while axes are labeled using d3.axisBottom and d3.axisLeft.

Cctan13@dons.usfca.edu
70% match
Loading thumbnail…

Donations Effects - fixed rect height

This visualization displays donation campaign data across categories, showing the proportion of total actions, COVID-19-related contributions, and other purposes as horizontal stacked bars with fixed rectangle heights. Interactive menu labels allow switching between aggregate totals, COVID-only, and other-purpose views. The bars use SVG patterns and masks to distinguish segments, with tooltips via `<title>` elements. Built with React and D3 v6, it employs `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and `csv` for loading external data.

Kkragovic
70% match