100%

Project 1 Part 1

✓ Published0🌍 Public

Last edited Apr 11, 2016

Created on Apr 11, 2016

This bar chart displays the median score differential for NCAA March Madness tournament winners from 2003 to 2015, based on data from Kaggle. Each bar represents a season, with the y-axis measuring points and the x-axis showing the year. The visualization uses D3.js to load and filter the CSV data, then creates a time-based x-axis with `d3.time.scale` and a linear y-axis with `d3.scale.linear`. Bars are rendered as SVG rectangles, with axes and labels styled via CSS. The code includes a title and rotated y-axis label, all embedded in an HTML page.

AI-generated description

Project 1 Part 1

Remix a visualization

Link to original image: http://bl.ocks.org/Jay-Oh-eN/9233f6d414461ea0046b

Original data set can be found here https://www.kaggle.com/c/march-machine-learning-mania-2016/data

Similar vizzes

Loading thumbnail…

Project 2

This interactive D3.js visualization animates the final scores and key performance metrics from the last thirteen NCAA March Madness championship games. It plots offensive and defensive statistics for both teams as colored circles on a scatterplot, with a dashed reference line indicating scoring efficiency. Users can click buttons to filter by year, triggering animated transitions of the data points. The visualization uses D3.js for SVG rendering and axis scales, Moment.js for time handling, and data sourced from Kaggle’s March Machine Learning Mania dataset. The design emphasizes how defensive rebounds and free throws correlate with championship outcomes.

KKirkHunter

85% match

Loading thumbnail…

Untitled

This interactive bar chart displays NBA team statistics for the 2021 regular season, with eight buttons letting viewers switch between metrics such as field goals made, assists, and rebounds. The visualization uses d3.csv to load data from a GitHub-hosted dataset and renders SVG line and circle marks, where each team’s value is shown as a point on a vertical baseline. The d3 scaleBand and scaleLinear axes update with smooth transitions on button clicks, changing the Y-axis domain to fit the selected statistic while coloring points by conference (Western or Eastern).

LLinhao Yu

70% match

Loading thumbnail…

Math Scores Bar Chart

This bar chart visualizes the count of male and female students in a math performance dataset, using two bars to compare the totals. The chart is rendered as an SVG using D3.js v7, with bars drawn via `d3.selectAll` and `rect` elements. Data is loaded asynchronously from a remote CSV file using `d3.csv`, then filtered by gender to compute counts. Axes are generated with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with tick marks added via `d3.axisBottom` and `d3.axisLeft`. The visualization is presented in a 400x400 pixel SVG container, with margins for axis labels.

RRohith Reddy

69% match

Loading thumbnail…

Custom Bars v1

This D3 v5 visualization displays the points scored by the Mizzou football team for each season from 2010 to 2020, using a custom bar chart with animated bars that grow over 1.5 seconds. The chart, built within a React framework and rendered as SVG, uses `d3.scaleLinear` and `d3.scaleBand` to map points and season labels. The y-axis labels are styled with a Lato font, and the bars are filled with a golden color. The data is loaded from a remote CSV file with `d3.csv`.

Bbenpedroscott

69% match

Loading thumbnail…

Final Project

This interactive NBA visualization compares team winning percentages from 2010 to 2022 using two switchable chart types. A line chart displays seasonal win rates for all teams, highlighting a selected team in black, while a scatter plot shows the relationship between a team’s historical average win rate and its performance in a selected season using team logos as points. Users toggle between charts via buttons, select teams or seasons from dropdown menus, and hover over scatter plot logos for detailed tooltips. The visualization is built with D3 v7, using CSV data parsed and aggregated with `csvParse` and `flatRollup`.

QQingyang Wang Profolio

68% match

Loading thumbnail…

Gist fd36310058f0b9965318

The graphic displays the score differential for every NBA game in 2015, charting the home team’s lead (positive) or deficit (negative) at each minute of play. Each team is shown in its own small multiples panel, with colored circles representing each game’s trajectory and a line highlighting a selected match. Built with `d3.js`, `d3-jetpack`, and `d3-starterkit`, the visualization uses a threshold color scale to encode the point difference, and interactive hover effects reveal game details such as date, opponent, and final score. The data originates from a JSON file containing minute-by-minute scores for games on a specific date.

11wheel

68% 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

68% match

Loading thumbnail…

Refactored Mizzou

This bar chart displays points scored by Mizzou football across seasons, with animated bars growing horizontally. Built with React and D3 v5, it uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical seasons, and `d3.axisBottom` and `d3.axisLeft` for labeled ticks. Data loads from a CSV via `useEffect` and `d3.csv`, while `.transition().duration(1500)` animates bar widths. SVG rendering includes full-width gridlines, a title, and axis labels.

Bbenpedroscott

68% match