Working Hours Scatter Plot

100%

Working Hours Scatter Plot

✓ Published0🌍 Public

Last edited Jan 21, 2020

Created on Jan 21, 2020

A scatter plot displays the relationship between age and hours worked per week for individuals from the 1994 Census Income Data Set, with each point colored by gender. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the axes and gridlines, while `select` and `csv` load and bind the data. The SVG rendering applies a semi-transparent fill to each circle, and a legend distinguishes male and female data points. Hovering over a circle changes its fill to whitesmoke.

AI-generated description

This chart shows the working-hours of working-class people in comparison with their age and gender. The data comes from the Census Income Data Set extracted by Barry Becker in 1996 from the 1994 Census database.

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19 Scatter Plot

This scatter plot visualizes the relationship between the percentage of working hours lost and the number of employed males aged 25 or older in 2019 across different countries, with each circle’s size varying by total weekly hours worked and color-coded by country. The visualization is built with React and D3 v5, using `d3.csv` to load data from a remote Gist URL, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for axis rendering. Points are drawn as SVG circles via the `join` operation, with a fixed radius of 5 pixels, while axis labels and a title are added as SVG text elements.

VVAbhiram99

80% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the relationship between age and monthly income for employees in a dataset loaded from a CSV file. Each circle represents an employee, with position determined by the `d3.scaleLinear` scales for age and income. Hovering reveals a tooltip with exact values. The visualization uses D3 v7 to append SVG circles, axes, and labels, with data parsed from a remote CSV source.

TTejasriKari@my.unt.edu

77% match

Loading thumbnail…

chart 1

An interactive scatter plot maps workers' ages against their wages for a small dataset. Each point, rendered as a circle with a color scale based on wage, is drawn using `d3.scaleLinear` for axes and `d3.scaleSequential` with `d3.interpolateCool` for color. The visualization, built with D3 v7, includes SVG axes and tooltips; hovering enlarges a dot and displays its values, while clicking triggers an alert. The animation uses D3's `.transition()` for size changes.

Ssriharshithaanugu5@gmail.com

77% match

Loading thumbnail…

Task-7 Q3

This scatter plot displays the relationship between age and income from a CSV dataset, with each point colored by gender using a categorical color scale. The visualization uses D3 v6 to load and parse the data, then renders circles on an SVG canvas with linear scales for both axes. Axis labels are styled in green, and the plot is sized to fill the browser window. The code demonstrates loading data via a remote URL and applying D3’s scaleLinear, scaleOrdinal, axisLeft, and axisBottom functions to construct the chart.

JJames Cruz

77% match

Loading thumbnail…

A6 Scatterplot

This scatterplot visualizes the relationship between age and income, with each circle colored by gender using a categorical color scale. The chart uses D3.js v7 to load CSV data from a GitHub gist, scales the x-axis starting at age 15 and the y-axis from 5000 income, and renders SVG circles with axes labeled "Age" and "Income." A d3-legend color legend titled "Gender" identifies the categories, while the styling sets black axis lines and text. The rendering approach is SVG, with scales defined via `d3.scaleLinear` and `d3.scaleOrdinal`.

SShazil Taqi

77% match

Loading thumbnail…

Activity-6_Question-3

This interactive scatter plot visualizes relationships between age and salary from a gender-based occupations dataset. Points are color-coded by gender (blue for male, pink for female, orange for other), and hovering reveals tooltips with the exact age, gender, and salary values. Built with D3 v6, the visualization uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and appends circles to the SVG with `selectAll('circle').data(data).enter()`. The plot includes labeled axes for "Age" and "Salary" with green, bold formatting.

Aabdul.khader2899@gmail.com

76% match

Loading thumbnail…

qu3.6

This scatter plot displays the relationship between age and income across a dataset, with each point colored by gender using a categorical color scale. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, `scaleOrdinal`, and `schemeCategory10` to map values to positions and colors. The SVG rendering fills the browser window, with axes labeled and styled via D3 selections.

Yyashwanthkirla95@gmail.com

76% match

Loading thumbnail…

Activity_6_Question 3

This interactive scatter plot visualizes the relationship between age and salary across genders in an income dataset. Each circle represents a person, colored by gender (green for male, yellow for female, red for other), with hover tooltips showing detailed records. The visualization uses d3.csv to load external data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for ticks. SVG circles and event listeners handle mouseover interactions, while the tooltip div transitions opacity to display information. The plot includes labeled axes for salary and age, rendered with custom axis label styling.

HHarsha vardhan reddy Yarmareddy

76% match