Group - 3 Final Project

100%

Group - 3 Final Project

✓ Published0🌍 Public

Last edited Apr 27, 2026

Created on Apr 27, 2026

Forked from Project

This dashboard visualizes international talent flow into the U.S. from 2011 to 2017, showing F-1 enrollment trends, H-1B petition outcomes, approval rates, average wages, and state-level distribution. It uses D3.js for data grouping, aggregation, and SVG state map rendering with tooltips, plus Canvas for bar, line, and dual-axis charts. Interactive tabs and year filters update metrics and visualizations dynamically, with data pulled from a remote GitHub CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project - 1

This dashboard visualizes international talent in the U.S. from 2011 to 2017, showing H-1B petition outcomes, F-1 enrollment trends, and approval rates through interactive tabs. The main overview presents stacked bar charts and line graphs, while a state map and top-states ranking are available via tab navigation. The visualization uses d3.csv for data loading, Canvas for chart rendering, and SVG for the geographic map, with dynamic updates driven by a year selector.

VVinil Karmilla

92% match

Loading thumbnail…

Project

This dashboard visualizes international talent dynamics in the U.S. from 2011 to 2017, showing F-1 enrollment trends, H-1B petition outcomes, and state-level sponsorship data. It includes an overview panel with stacked bar charts and line graphs, a trends view comparing approval rates with average wages, and a state map. The visualization uses Canvas for all charts, SVG for the interactive state map with hover tooltips, and JavaScript tab-based filtering to switch between views.

VVinil Karmilla

92% match

Loading thumbnail…

Fork of HTML Starter

This dashboard visualizes international talent in the U.S. from 2011–2017, showing F-1 enrollment trends and H-1B sponsorship dynamics through tabbed panels for overview metrics, trend charts, a state map, and top states. Data is loaded via `d3.csv` from GitHub-hosted CSV files and rendered using Chart.js 4.4.1 for canvas charts and D3 v7 with `d3.geoPath` and `topojson-client` for an SVG state map. The interface includes interactive year filters and metric selectors that update charts dynamically via `updateOverview()` and `renderMap()`.

AAbhiram-Janagama

84% match

Loading thumbnail…

Fork of React & D3 Starter

This dashboard visualizes international talent in the U.S., showing F-1 enrollment trends and H-1B sponsorship dynamics from 2011–2017. It uses Chart.js for bar charts and line charts on canvas, while a choropleth state map is rendered with D3 v7’s `d3.geoPath` and TopoJSON, with color scales driven by user-selected metrics like approval rate or average wage. The data comes from GitHub-hosted CSV files, and the interface includes tabbed panels for overview, trends, map, and top states.

AAbhiram-Janagama

83% match

Loading thumbnail…

H1b Data With D3 React

This chart shows the number of H-1B visa petitions filed per year, with bars representing the total count for each year. The visualization uses React components to render SVG elements, with D3 v5 providing the scales and data loading through the `csv` and `scaleBand`/`scaleLinear` APIs. Data comes from the Office of Foreign Labor Certification via a GitHub gist, and the bars are positioned using the x and y scales, with axis labels generated by custom React components.

Yyinhao0424

73% match

Loading thumbnail…

Final Project

This example visualizes labor force information for college graduates, filtering the data by major category and STEM status. The main chart is an animated scatter plot, where the y-axis is categorical and the x-axis is a selected numeric measure. Users can interact by changing the x-axis through a dropdown menu and clicking legend items to filter the data and a supporting table. The visualization is built with D3 v5, using SVG and transitions for the animation. Legend selection triggers an update to the data table, and a tooltip appears on mouseover. The rendering also applies a mix-blend mode to the circles, and the dataset is loaded from a CSV file.

YYF

72% match

Loading thumbnail…

H1b Data with D3 React

This example visualizes the number of H-1B visa petitions across U.S. states, displaying only the top 20 states in descending order as horizontal bars. The chart uses D3 scales (`scaleBand` and `scaleLinear`) within a React component, rendering SVG rectangles via the `Marks` component. Axes are custom-built with `AxisBottom` and `AxisLeft`, and data is loaded asynchronously from a CSV file hosted on GitHub Gist using D3’s `csv` function. The styling applies a Poppins font and teal bar fills.

Yyinhao0424

72% match

Loading thumbnail…

Final Project

This visualization displays seven bar and scatter plots comparing countries by education enrollment, minimum wage, GDP, and labor force participation, with each figure highlighting factors like tertiary education rates or primary enrollment levels. Built with D3 v7, the charts load CSV data and render SVG elements including axes, bars, circles, legends, and hover interactions that change element colors. The scatter plot encodes labor force participation through circle radius, while bar charts use color-coded categories with underlined titles for each figure.

BBibek Lamsal

71% match