H1B Petition Bar Chart

100%

H1B Petition Bar Chart

✓ Published1🌍 Public

Last edited Oct 29, 2019

Created on Sep 16, 2019

Two side-by-side bar charts examine H1B visa petitions over time. The left chart uses a stacked bar layout, colored by case status, to show petition counts per year. The right chart compares full-time versus part-time positions using orange and blue bars. Both are built with Vega-Lite and D3, rendering from a CSV dataset, with tooltips for detailed category values.

AI-generated description

This visualization shows the H1_B visa dataset. My sketch is I want to capture the changes along with time. In this visualization. I checked the total number of petition, the different case status, the number of part time and full time candidates petitions along with years.

The first plot uses a stacked barchart to show the number of petition of visa along with year. Different color means different status.

The second plot shows the number of petition of visa along with year. Orange color means candidates have a full time job. Blue color means candidates have a part time job.

Subplot is inspired by Yu Zhang's method.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Petition of H1b

A stacked bar chart animates H1-B petition counts by case status (certified, denied, withdrawn) across years, using data from the OFLC. Hovering a color-legend entry highlights that status’s bars while fading others, with tooltips showing exact values. Built with D3.js (v3), it uses `d3.layout.stack`, ordinal/linear scales, SVG axes, and `d3.legend.color`. Bars are rendered in two layers—a base layer and an interactive foreground—with a semi-transparent overlay controlling emphasis. Custom SI tick formatting labels large totals.

Yyinhao0424

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

84% match

Loading thumbnail…

H1b Petition in Different States

This chart displays the number of H-1B petitions filed in each state, with bars segmented by case status (such as certified or denied) using color. The data comes from the Office of Foreign Labor Certification’s immigration program records. Built with D3 and React, the visualization uses the vega-lite-api to define a bar mark with quantitative and nominal encodings, while config.js customizes axis and label styling for improved readability.

Yyinhao0424

82% match

Loading thumbnail…

H1b Petition in Different States

This interactive visualization displays the number of H-1B visa petitions by case status across different U.S. states, using a stacked bar chart where each bar represents a state and color segments indicate the case status. The chart is built with the Vega-Lite API, which registers Vega and Vega-Lite in a React environment, and uses d3.csv to load immigration data from the Office of Foreign Labor Certification. The visualization sorts states by petition count in descending order and includes tooltips for detailed values.

Ssophburke

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

76% match

Loading thumbnail…

h1b_wage_relation

This visualization explores H-1B visa petition data, showing the count of petitions by wage level and case status. It uses a circle mark to display the distribution, with wage level on the x-axis, petition count on the y-axis, and case status encoded by color. The map-based overview is complemented by an interactive tooltip for case status details. Built with Vega-Lite API, D3.js, and Vega, it loads CSV data from a GitHub gist and renders as an SVG with custom styling for readability.

Yyinhao0424

75% match

Loading thumbnail…

H1B_petition_map

This visualization displays H-1B visa petition data on a map of the United States, using colored circles to indicate the status of each petition. The map layer is rendered with `markGeoshape` using US state boundaries, while points are positioned by latitude and longitude through `vl.latitude` and `vl.longitude`. The visualization uses Vega-Lite API with D3 integration, loading data from a CSV via `d3.csv`, and the color encoding reflects the `CASE_STATUS` field.

Yyinhao0424

74% match