Untitled

100%

✓ Published0🌍 Public

Last edited Mar 25, 2021

Created on Mar 23, 2021

A stacked bar chart visualizes reported head injuries across five sports, comparing Highschool and College levels from CTE_data.csv. Users click legend items to isolate a single category’s bars, sort them via a checkbox, and hover to reveal tooltips. Built with D3 v3, the SVG uses ordinal scales for sport categories, linear scales for counts, and an animated legend-driven class selector to redraw rects on demand.

AI-generated description

A representation of the number of reported head injuries, attained during games, for the Highschool and College level.

https://u.osu.edu/groupbetaengr2367/brian-add-stuff-here/

MIT Licensed

Similar vizzes

Loading thumbnail…

Task 6.2

This example shows a stacked horizontal bar chart comparing five sports across five attributes—Popularity, Physical Intensity, Strategy, Teamwork, and Entertainment Value—using data from a CSV file. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to create stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical y-axis. Hovering over any segment triggers a tooltip displaying the exact percentage for that attribute, while the chart includes a legend and axis labels for clarity.

Pperamranji

77% match

Loading thumbnail…

Untitled

A stacked bar chart displays percentages for ten soccer match statistics, such as shots, possession, and passes, with two contrasting categories compared per category. Built with D3 v7 and SVG, the visualization uses `d3.stack()` to compute the stacked layout and `d3.scaleLinear` for the percentage axis. Bars animate sequentially using `d3.transition()` with staggered delays and an `easeLinear` timing. The chart omits axis labels and draws category names as text elements placed manually via a loop.

CCasado7

77% match

Loading thumbnail…

Untitled

This animated bar chart displays the total career trophies of various individuals, with a Y-axis ranging from 30 to 45. Using D3 v4, the visualization renders as SVG bars that grow from a baseline via `transition` with staggered delays. Data is loaded from a remote CSV file, and axes are constructed with `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. The plot scale is derived from a responsive constant, and bars are colored teal.

SSimon Hackbert

76% match

Loading thumbnail…

task2

This example presents a stacked horizontal bar chart titled "Most viewed sports," visualizing the percentage distribution of ratings across six sports (Football, Basketball, Cricket, Tennis, Golf, Athletics) using five rating categories from a CSV file. The chart uses `d3.scaleOrdinal` for color mapping and `d3.scaleBand` for the category axis, with `d3.stack` to aggregate the percentage data. Interactive tooltips display exact percentage values on mouseover, and the SVG rendering employs `d3.axisBottom` for the x-axis and custom styling from CSS.

Yyashwanthkirla95@gmail.com

76% match

Loading thumbnail…

Untitled

This interactive bar chart displays road accident statistics across police stations, with a dropdown menu to switch between different data columns such as fatalities, injury severity, collision types, and day of the week. Built with D3 v3 and React, the visualization uses `d3.scale.ordinal` for the x-axis, `d3.scale.linear` for the y-axis, and SVG rectangles that smoothly animate via `transition().ease()` when the selected metric changes. Data is loaded from a CSV file, and hover tooltips reveal exact values per station.

Aachintyatripathi

75% match

Loading thumbnail…

Sports Ratings

This stacked bar chart displays the distribution of fan ratings across six sports, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal` with a categorical color palette. Hovering over any segment triggers a tooltip showing the exact percentage for that rating category. The chart includes axes, a legend, and is rendered as SVG with data loaded from a CSV file.

Lleftymadi

75% match

Loading thumbnail…

Sports dataset ICE-5 Assignment

This visualization presents a sports dataset summary with a preview table of the first five rows and dynamic SVG bar charts. The page loads data from a raw Gist CSV file using `d3.csv` and automatically detects numeric columns for statistical analysis. Using D3 v7, it renders horizontal bars scaled with `d3.scaleLinear`, positioned within an SVG viewBox, while CSS styles the accompanying tables and decorative shapes. The interface provides column names, data types, and descriptive statistics like mean, min, and max for each numeric field.

Ssandyman2109@gmail.com

74% match

Loading thumbnail…

activity 6_Task 2

This visualization shows the distribution of star ratings (1 to 5) for different sports, displayed as a stacked horizontal bar chart where each bar represents a sport and segments show the proportion of each rating. The data comes from a CSV file with ratings for six sports, and the chart uses D3 v7 with SVG rendering. The code builds the stacked layout using `d3.stack()`, scales data with `d3.scaleLinear` and `d3.scaleBand`, colors segments via `d3.scaleOrdinal`, and includes interactive tooltips on mouseover that display the exact percentage for each rating segment.

Jjakeh311@yahoo.com

74% match