Skip to main content
SimilarExport ZIP
100%

Petition of H1b

✓ Published1🌍 Public
Yyinhao0424
Last edited Oct 28, 2019
Created on Oct 23, 2019

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`.

AI-generated description

Stacked bar chart showing Petition of H1b. The data source is immigration programs from The Office of Foreign Labor Certification (OFLC) including the H1-B visa.

MIT Licensed

Similar vizzes

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
93% 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
86% 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
85% match
Loading thumbnail…

H1B Petition Bar Chart

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.

Yyinhao0424
84% 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
84% 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
80% match
Loading thumbnail…

H1B Petition with Interactive Legend for Year

This visualization maps H1B petition locations across the United States, with circles colored by petition year. An interactive legend on the right filters the map by year when hovered, dimming non-matching data points. The visualization uses React for component structure, D3’s `geoAlbers` projection and `geoPath` for rendering US state boundaries from TopoJSON data, and `scaleOrdinal` for color encoding. City coordinates come from a CSV dataset, rendered as SVG circles with opacity controls for the hover interaction.

Yyinhao0424
79% 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
79% match