Skip to main content
SimilarExport ZIP
100%

2017 Gender Wage Gap in the US

✓ Published0🌍 Public
KKeerthiKandadai
Last edited May 11, 2020
Created on May 11, 2020

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.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

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
93% 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
93% 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
92% match
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
89% match
Loading thumbnail…

Visualization for the Gender Wage Gap in the US

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.

Xxiaoma1002
88% 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
79% 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
75% match
Loading thumbnail…

Pay Gap Between Men and Women

This dumbbell chart displays the pay gap between men and women across twelve professional categories, plotting each gender’s average salary as paired circles connected by horizontal lines. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for the salary axis, `scalePoint` for categorical positioning, and `csv` to load the data. The chart highlights the salary disparity, with the exception of Health Technicians, which is filtered out before rendering.

Ppnarciso1
74% match