Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Mmartipau@iu.edu
Last edited May 4, 2024
Created on May 4, 2024
Forked from 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`.

AI-generated description
MIT Licensed

Similar vizzes

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
84% match
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
79% match
Loading thumbnail…

Fork of HTML Starter

This visualization shows football statistics as a line chart, plotting goals scored against matches played for a dataset loaded from a CSV file. The chart uses D3 v6’s `scalePoint` for the x-axis (matches played) and `scaleLinear` for the y-axis (goals), with a line generator drawing the trend. Axes are rendered via `axisLeft` and `axisBottom`, while the SVG is created and manipulated with `select` and `append`. The data, sourced from a remote CSV URL, is parsed to numeric values before rendering, and the final line is styled with a steelblue stroke.

Ssujitrayudu01@gmail.com
76% 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
76% match
Loading thumbnail…

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.

Mmartipau@iu.edu
75% match
Loading thumbnail…

Fork of Fork of Sports dataset ICE-5 Assignment

This visualization displays a sports dataset loaded from a remote CSV file, presenting a numerical summary, a table preview of the first five rows, and a dynamic bar chart rendered in SVG. Built with D3 v7, the code uses `d3.csv` to fetch data, `d3.scaleLinear` to map values for bar heights, and `d3.select` to update the chart. The example also includes decorative shapes and axes within the same SVG canvas, with styling handled by external CSS.

Bbodushivani2601@gmail.com
74% match
Loading thumbnail…

Fork of HTML Starter

This dark-themed scatter plot visualizes cricket player performance, plotting StrikeRate against Runs with points colored by player role. Built with D3 v7, it loads CSV data from a GitHub gist and renders an SVG chart with axes, legend, and interactive tooltips. The visualization uses `d3.scaleOrdinal` for role-based coloring, `d3.extent` for scale domains, and mouse event handlers to display player details on hover.

Ssharathchandrareddymuthyam
74% match
Loading thumbnail…

Fork of HTML Starter

This visualization summarizes student and sports data from a CSV file, displaying key statistics such as total student count, unique favorite subjects, and the top team. It presents these findings in a simple SVG bar chart that shows team counts, with axes labeled using D3's `d3.axisBottom` and `d3.axisLeft`. The data is loaded via `d3.csv` and processed using `d3.rollups` and `d3.scaleBand`, resulting in an accessible chart with a summary section and rotated x-axis labels for readability.

SSYAM TEJ
74% match