Bubbly Jobs Chart

100%

Bubbly Jobs Chart

✓ Published0🌍 Public

Last edited Jul 18, 2018

Created on Jul 18, 2018

This interactive chart displays U.S. occupations as bubbles, with bubble size representing 2014 employment numbers and horizontal position indicating median annual wage. Vertical grouping separates occupations into major categories like management and production. The visualization uses the d3.forceChart plugin, which wraps d3.layout.force to position bubbles with custom gravity and collision detection in an SVG rendered with D3 v3. Hovering reveals occupation details via a tooltip. Data comes from the Bureau of Labor Statistics, with wages top-coded at $187,000.

AI-generated description

Each bubble is an occupation. Hover bubbles to see info on that occupation

The size of the bubble shows how many jobs in this occupation there are in the US in 2014. Bubbles on the left are lower paying occupations and bubbles on the right are higher paying jobs. Bubbles are bunched vertically into larger occupation categories (management occupations, production occupations, etc.).

Uses the d3.forceChart() plugin to draw the bubble layout. Design inspired by this graphic from the New York Times. Data source: Bureau of Labor Statistics.

Notes: Because this uses a force layout for bubble positioning, the x-axis only approximates where an occupation's bubble should be based on its wage. Wages from this dataset are top-coded at $187,000. Wages for jobs at this top-coded level may, in reality, have higher median annual wages.

forked from <a href='http://bl.ocks.org/armollica/'>armollica</a>'s block: <a href='http://bl.ocks.org/armollica/93491e923d72e81df769'>Bubbly Jobs Chart</a>

Similar vizzes

Loading thumbnail…

Bubbly Jobs Chart

Each bubble represents an occupation in the US, with size encoding employment numbers for 2014 and horizontal position approximating median annual wage. Occupations are grouped vertically by major job category, and hovering reveals details. The chart uses the `d3.forceChart()` plugin to position bubbles via a force layout with custom gravity, while an x-axis shows wages in dollars. Data comes from the Bureau of Labor Statistics, and the design is inspired by a New York Times graphic.

TThanaporn-sk

96% match

Loading thumbnail…

Bubbly Jobs Chart

TThanaporn-sk

96% match

Loading thumbnail…

Fork of bubble chart

This interactive bubble chart compares unemployment rates over time across ten selected U.S. states. Each circle’s position encodes the year and unemployment percentage, while its size and color map to the rate and state, respectively, using d3.scaleLinear, d3.scaleOrdinal, and d3.schemeCategory10. The visualization includes a legend and interactive tooltips, rendering SVG elements with axis functions d3.axisBottom and d3.axisLeft. Data comes from the @oabouhas/unemployment package.

Oomniaabouhassan@gmail.com

67% match

Loading thumbnail…

Org Bubbles

Org Bubbles visualizes an organizational hierarchy as a force-directed bubble chart. It shows 13 employee nodes connected by parent-child links, with buttons to group or split the bubbles by organizational unit, location, or employee type. The visualization uses d3.forceSimulation with forces for collision, charge, and positioning, while drag events let users select individual nodes. Node colors come from a categorical color scale, and the code loads data from a CSV file and relies on SVG rendering and transitions for animations.

SSpaceActuary

67% match

Loading thumbnail…

Bubble Chart

This bubble chart displays average salary by year for Stamen employees across multiple states, with circle size encoding a rate value and color distinguishing states. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for state colors. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and circles include a title tooltip for data inspection. Data comes from a CSV file loaded via `d3.csv`.

Hhollyjpotter

67% match

Loading thumbnail…

Industry Employment Visualization

This interactive visualization shows the distribution of employment across industries in each U.S. state, using data from the Bureau of Labor Statistics. It uses a bar chart format where each row represents an industry and each bar a state, positioned by the industry’s share of that state’s workforce. The chart is rendered in SVG, with buttons to switch between years (1990 and 2016) and regions (Northeast, Midwest, South, West), highlighting patterns in manufacturing, health care, and construction. The code leverages the D3.js v5 library, specifically `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisTop` to build the axes and grid, with tooltips on hover. Data is loaded from a CSV file and processed via a custom row converter.

AAjayyy

66% match

Loading thumbnail…

Industry Employment Visualization

This interactive visualization shows the distribution of employment across 20 industry sectors for all US states, with horizontal bars representing each state's share of its workforce in each industry. Users can filter by year (1990 and 2016) and highlight four geographic regions via buttons, while hovering reveals state names. The chart uses d3.v5 with SVG rendering, d3.scaleOrdinal for regional colors, and animated transitions when switching datasets. Data comes from the Bureau of Labor Statistics’ Quarterly Census of Employment and Wages.

TThanaporn-sk

66% match

Loading thumbnail…

Number of Employed of Different Occupations in New York City

This animated bar chart shows how employment levels across 25 occupations in New York City change over time, with bars ranking occupations by workforce size and shifting positions as values fluctuate. The visualization uses D3 v6 with SVG rendering, loading data from a CSV file via `d3.csv` and interpolating between yearly data points using `d3.rollup` and `d3.pairs`. Bars transition smoothly using `transition.attrTween` to update their y-position (rank) and width (employment count), while labels and a ticker display the current year.

Ttracy3057

66% match