Fork of Interactive Stacked Bar Chart

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.

85% match

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`.

84% match

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.

82% match

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.

73% match

Fork of Fork of Olympic Data stacked Bar Graph

This visualization displays Olympic medal data as a stacked bar chart, breaking down participation by continent (Asia, Africa, Americas, Europe) for each year. The chart uses color-coded segments to compare continental contributions, with an interactive color legend that highlights and fades specific regions on hover. The implementation uses several D3 libraries including `d3.flatRollup`, `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` for rendering. Data is fetched asynchronously from a CSV source hosted on GitHub, then parsed with `csvParse`. Custom helper modules like `colorLegend` and responsive axes from `@curran/responsive-axes` handle interactive elements and layout adjustments.

Fork of Fork of Olympic Data stacked Bar Graph

This stacked bar chart visualizes population data for U.S. states, with each bar segmented by color to show the proportional contribution of different data categories. The visualization uses a horizontal layout where bar lengths are scaled linearly against population values. Built with the d3 library, the chart employs `scaleLinear`, `scaleBand`, `stack`, and `flatRollup` to process and arrange the data. The color legend supports interactive hover effects, allowing viewers to highlight specific categories within the stacked bars. Data comes from a CSV file loaded directly from a GitHub gist.

Stacked Normalized Horizontal Bar Chart

This stacked normalized horizontal bar chart visualizes the distribution of male and female members across multiple political party groups, with each bar normalized to represent proportions rather than raw counts. The data is sourced from a CSV file containing party names and gender counts. The chart uses D3 v6’s `d3.stack()` with `d3.stackOffsetExpand` for normalization, rendered as SVG rectangles with a color scale distinguishing genders. Interactive tooltips display exact values, while labels show raw counts, and the chart includes a color legend for age categories.

CCasado7

Jjordanwolfe2@my.untdallas.edu

Task_8_Activity_2_Question_2

A stacked bar chart displays 2022 home run percentages across MLB league divisions, with each bar divided into five color-coded team segments. The visualization uses d3.stack() to compute stacked series, d3.scaleBand for the y-axis categories, and d3.scaleLinear for the x-axis percentages. Interactive tooltips appear on hover, showing the specific team and percentage value. The SVG chart includes axis labels, a title, and a custom color scale applied via d3.scaleOrdinal, with data loaded from a local CSV file.