Project

100%

Project - 1

✓ Published0🌍 Public

Last edited Apr 27, 2026

Created on Apr 27, 2026

Forked from Project

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

96% match

Loading thumbnail…

Group - 3 Final 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.

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

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

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

74% match

Loading thumbnail…

H1B Petition Bar Chart

This visualization presents two bar charts examining H1B visa petitions over time. The first plot uses a stacked bar chart to show petition counts by year, with colors representing different case statuses, while the second displays petition counts with orange indicating full-time positions and blue for part-time roles. Built with Vega-Lite and D3.js, the charts pull data from a CSV file and use Vega-Lite API for rendering. The visualization emphasizes temporal trends in visa applications and employment types across years.

BBrenda199708

73% match

Loading thumbnail…

Petition of H1b

A stacked bar chart displays H1-B visa petition numbers across states, where each bar’s stacked segments represent distinct immigration program categories from the Office of Foreign Labor Certification data. Hovering over a legend entry filters the chart, highlighting only the selected program’s bars while dimming others. Built with D3.js, the visualization uses `d3.legend.color`, `d3.layout.stack`, and `d3.tip` for interactive tooltips, rendered as an animated SVG. The x-axis shows petition counts, while the y-axis lists states, encoded via `d3.scale.ordinal`.

Yyinhao0424

73% match