Fork of SVG Fundamnetals

first

A US state heatmap visualizes minimum wage values over time. Users select among four wage metrics—effective minimum wage, effective minimum wage in 2020 dollars, federal minimum wage, or state minimum wage—from a dropdown. D3 v7 renders an SVG grid with years on the x-axis and states on the y-axis, where each rectangle's color is mapped via `d3.scaleSequential` with `d3.interpolateTurbo`. Hovering a cell triggers a tooltip showing the state, year, and precise numeric value. Data is loaded remotely from a CSV hosted on GitHub.

Hh.harrycoding@gmail.com

86% match

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.

81% match

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.

78% match

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

Fork of Circles with D3

This visualization presents salary data as a heatmap, using color intensity on a linear scale from light gray to blue to represent salary amounts in US dollars across job titles and company sizes. The SVG chart employs D3 v7 with `scaleBand` for the categorical axes and `scaleLinear` for the color mapping. Hovering over individual rectangles triggers a tooltip displaying the exact salary value, while a legend with axis ticks and color rectangles provides a visual reference for the salary scale.

MMonish Galla

Minimum Wage Scatter Plot with Interaction Menus

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.

Final Project Week 3

This visualization compares minimum wage data across U.S. states with two choropleth maps (one for a current year, one for 2018) and a line graph of trends over time. Users click states to select them, which highlights them on both maps and adds their wage trajectories to the graph using d3.line and d3.curveBasis. The maps use d3.geoPath with a custom scaler and a topojson feature collection. A d3.scaleOrdinal color legend with d3.schemeSpectral maps each selected state to a unique line color.