Skip to main content
SimilarExport ZIP
100%

Visualization for the Gender Wage Gap in the US

✓ Published0🌍 Public
Xxiaoma1002
Last edited Mar 1, 2020
Created on Feb 29, 2020

Using d3.v5 and SVG, this example visualizes the gender wage gap in the US by plotting average yearly earnings against eight occupation categories for 2017. It shows income differences across three groups: females, males, and persons overall. The visualization uses d3.csv to load the data, filters for a single year, and then employs d3.scaleOrdinal and d3.schemeCategory10 for color coding. Linear scales (d3.scaleLinear) and axes (d3.axisLeft, d3.axisBottom) render the chart, with gridlines from the left and bottom axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization for the Gender Wage Gap in the US

This visualization compares the gender wage gap across eight occupations in the US for the year 2017, plotting income on the x-axis and job categories on the y-axis. Three colored lines represent females, males, and all persons, with a legend identifying each group. The chart uses D3 v5 to load the CSV data, filter by year, and render an SVG with linear scales for both axes, gridlines, and axis labels. The code employs `d3.csv`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to construct the visualization.

Xxiaoma1002
95% match
Loading thumbnail…

2017 Gender Wage Gap in the US

The visualization compares 2017 median hourly earnings across eight occupations for females, males, and all persons in the US. It uses a horizontal dot plot with a band scale for job categories and a linear scale for earnings, rendered as SVG via D3 v5. Each gender is color-coded using `d3.scaleOrdinal` with `d3.schemeCategory10`, and the data comes from `earning_averages_by_year.csv`. The chart includes gridlines and a custom legend to distinguish the three groups.

Xxiaoma1002
90% match
Loading thumbnail…

2017 Gender Wage Gap in the US

The visualization compares 2017 average earnings for females and males across seven occupational categories, showing the gender wage gap through paired pink and light blue circles connected by black lines. It uses a scatterplot-style layout with a linear x-axis for income and a categorical y-axis for job types. Built with D3.js v5 within a React framework, the SVG rendering uses `d3.csv` and `d3.autoType` to load data from a CSV file, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for labels and gridlines.

KKeerthiKandadai
88% match
Loading thumbnail…

2017 Gender Wage Gap in the US

This visualization displays the gender wage gap in the US for 2017, comparing average hourly earnings between women and men across eight occupational categories, such as managers, professionals, and sales workers. It uses a horizontal dot plot with pink circles for female earnings and light blue for male earnings, positioned along a linear scale from $20 to $60, enabling direct visual comparison of income differences. The data is loaded from a CSV file using the D3 v5 library and rendered as SVG elements within a React framework. The chart includes labeled axes, gridlines, and a legend to support interpretation.

Xxiaoma1002
86% match
Loading thumbnail…

2017 Gender Wage Gap in the US

This visualization compares the 2017 average earnings of men and women across a wide range of professional and technical occupations. It uses a horizontal dot plot with pink and light blue dots to represent female and male average incomes, enabling direct visual comparison of the wage gap for each job role. The chart is built with D3 v5, using `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the income x-axis, and `d3.axisLeft` and `d3.axisBottom` for axis generation, all rendered as SVG within a React framework.

KKeerthiKandadai
84% match
Loading thumbnail…

Gender Pay Gap Dumbbell Chart

This dumbbell chart displays the gender pay gap across 30 US occupations from 2016, with pink circles representing women's average salaries and blue circles representing men's, connected by horizontal lines. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map salaries and occupations, while `d3.axisBottom` and `d3.axisLeft` render the axes. The `d3.selection.join()` pattern manages the SVG elements dynamically, and `ResizeObserver` enables responsive dimensions. The chart includes interactive y-axis labels that dim non-related dumbbell groups on hover, and grid lines from `renderGridLines` improve readability.

CCurran Kelleher
79% match
Loading thumbnail…

Gender Pay Gap 2008 - 2018

This visualization shows the gender pay gap across multiple countries from 2008 to 2018, comparing average gross hourly earnings between male and female employees. Bars are grouped by country with year on the x-axis and pay gap percentage on the y-axis, using color to distinguish countries. Users can select multiple values via a multi-select interaction that dims non-selected bars. The code uses d3.v5 for CSV loading, Vega-Lite and Vega specifications for chart rendering, and vega-tooltip for interactive details, with data sourced from Eurostat.

VValentineAuer
78% match
Loading thumbnail…

Pay Gap Between Men and Women

This dumbbell chart shows the difference in average annual salary between women and men across twelve U.S. occupations, with each job’s two salary points connected by a horizontal line. The visualization uses d3.scaleLinear for the x-axis, d3.scalePoint for the y-axis categories, and d3.axisLeft/axisBottom for labeling. Data comes from a local CSV file, rendered as SVG circles and lines, with salary values formatted using d3.format. The chart excludes one occupation from the dataset.

BbeauMarko
77% match