Minimum Wage Scatter Plot with Interaction Menus

100%

Minimum Wage Scatter Plot with Interaction Menus

✓ Published0🌍 Public

Last edited Nov 8, 2018

Created on Oct 10, 2018

This scatter plot displays US minimum wage data by state from 1968 to 2017, sourced from Kaggle, with interactive dropdown menus to select which columns to plot on the x- and y-axes. The visualization uses D3 v5 with scaleLinear axes, axisBottom and axisLeft for gridlines, and animated circle transitions via transition().duration() with staggered delays. Data is loaded using d3.csv, and the dropdownMenu module re-renders the graph when selections change.

AI-generated description

This scatter plot shows data about Minimum Wages, from Kaggle: US Minimum Wage by State from 1968 to 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Minimum Wage Scatter Plot

This scatter plot visualizes US minimum wage data by state from 1968 to 2017, sourced from Kaggle, with each point representing a state-year observation. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for gridlines and tick marks, and d3.scaleOrdinal with d3.schemeSpectral to color points by state origin. A color legend with clickable elements filters the data by dimming non-selected categories. The SVG rendering leverages d3.select, data joins, and standard SVG circles.

RRobert Curtis

90% match

Loading thumbnail…

Scatter plot showing Statewise Minimum Wage

This scatter plot visualizes the minimum wage across U.S. states from 1968 to 2017, with point size and y-axis position encoding the wage value and color mapping to the year. Using the Vega-Lite API with D3.js for data loading, the visualization reads from a CSV file and displays state names via tooltips, while the federal low wage is shown for comparison. The plot also includes custom axis and label styling for improved readability.

Aaishwarya8615

84% match

Loading thumbnail…

Final Project

This interactive visualization displays U.S. minimum wage trends from 1968 to 2017 using a dual choropleth map and line chart. Users click states to compare their minimum wage both in raw dollar values and adjusted 2018 dollars, with the line chart updating to show historical trajectories for selected states. A slider allows browsing different years. The visualization uses d3.geoPath for map rendering, d3.scaleLinear for color encoding, and d3.line for the time-series data, sourced from Kaggle. A color legend helps interpret the wage ranges.

RRobert Curtis

81% match

Loading thumbnail…

Economic factors over time plot with Menus-Final-test

This scatter plot displays economic factors for the United States from 1800 to 2011, with users selecting which variables to compare via dropdown menus. The visualization uses D3 v5 to render SVG elements, including scales, axes, and animated circles that transition between positions. Data comes from the IMF website and is loaded from a CSV file. The code employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart, while the dropdown menus are built with D3 selections and event handlers.

Vveagy

76% match

Loading thumbnail…

Data Visualization

This dashboard presents multiple US statistics, including leading causes of death, state populations, food preferences, and federal minimum wage trends. The minimum wage chart visualizes historical wage data as an interactive line and scatter plot using d3.scaleTime, d3.line, and SVG circles, with tooltips showing exact values. The page also features donut and pie charts for survey responses, with buttons to filter by demographic groups. The SVG-based visualizations come from the CDC, Census Bureau, and YouGov data sources.

Mminsu_c

75% match

Loading thumbnail…

Economic factors over time plot with Menus-Final

This scatter plot displays the relationship between various US economic factors from 1800 to 2011, using data from the IMF website. Interactive dropdown menus allow the user to select which economic indicators appear on the x-axis and y-axis, with the plot updating dynamically. Built with D3 v5, the visualization uses `scaleLinear()`, `axisBottom()`, `axisLeft()`, and `circle` elements for the scatter plot, while the dropdown menus are created using a custom `dropdownMenu` component that appends HTML `select` and `option` elements.

MMukund Khandelwal

74% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes demographic and economic data for California counties, with dropdown menus allowing the user to select which columns map to the X and Y axes. The visualization uses D3 v5’s `scaleLinear`, `scalePoint`, and `axisBottom`/`axisLeft` to render the plot, and employs `transition().duration(2000).delay()` to animate circles as the selection changes. The X axis supports numeric fields like Income and Poverty, while the Y axis displays categorical county names. Data comes from the UCI Machine Learning Repository’s Auto MPG dataset.

CCBoton

74% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot uses dropdown menus to let users choose which columns of the auto-mpg dataset appear on the x- and y-axes. The code employs d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with a custom dropdownMenu component that updates the chart on selection changes. Circles transition with a staggered delay of 2 seconds each time the axes change, rendered as SVG elements with a red, semi-transparent fill.

Ssakhabutdinov

73% match