Final Project Week 2

100%

Final Project Week 2

✓ Published0🌍 Public

Last edited Nov 29, 2018

Created on Nov 14, 2018

This interactive visualization displays two U.S. maps comparing historical minimum wage data across states, with a line graph showing trends over time. Users click on states to select or deselect them, which updates the color legend and line graph accordingly. The maps use d3.geoPath with a custom geoTransform for projection, while the line graph employs d3.line with curveBasis. Data comes from CSV files and the US Atlas TopoJSON, rendered using D3 v5’s SVG output.

AI-generated description

please click on the states

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

RRobert Curtis

91% match

Loading thumbnail…

Final Project Week 2

Two choropleth maps of U.S. states display minimum wage values from a CSV dataset, with a legend that lists selected states and color-coded circles. Clicking states toggles their inclusion, adding them to an ordinal color scale and generating corresponding time-series line graphs lower on the page. The visualization uses d3.geoPath and a geoTransform projection for the maps, d3.line with curveBasis for the graph paths, and d3.scaleOrdinal with schemeSpectral for coloring.

RRobert Curtis

90% 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

86% match

Loading thumbnail…

Final Project Week 1

Two small choropleth maps of U.S. states display two different data variables side by side, colored with distinct sequential scales. Users can click individual states to toggle their selection across both maps, with selected states tracked in a shared array. The maps are rendered as SVG paths from TopoJSON data, projected with a custom geoTransform scaling, and colored using d3.scaleLinear with data from CSV files filtered to 1970.

RRobert Curtis

84% match

Loading thumbnail…

Project in progress - WEEK 2

This example displays a map of the United States with red points marking fast food restaurant locations, overlaid on a state boundary layer. The map supports zooming and panning, and states highlight on hover. It uses D3 v5 with `d3.geoAlbersUsa` for projection, `d3.geoPath` to render TopoJSON state outlines, and `d3.zoom` for interaction. Restaurant coordinates are loaded from a CSV file and plotted as SVG circles.

NNTCHANG1289

75% match

Loading thumbnail…

Final Project: Honey Production in the United States (CS 573 Assignment #14.1)

This interactive visualization combines a choropleth map of the United States with a line graph to explore honey production data per state and year. A drop-down menu switches the displayed variable among five metrics, and clicking a state adds its yearly trend to the line graph. Hovering reveals tooltips with values. Built with D3 v4, it uses `d3.geo.albersUsa` and `d3.geo.path` for the map, with SVG rendering and animation for interactivity.

AAlex Pietrick

74% match

Loading thumbnail…

Fork of USA Map 2

This interactive map shows US state home price performance as a choropleth, colored by seasonally adjusted one-year returns, alongside city markers sized by population. Hovering reveals detailed tooltips for both states and cities. It uses D3.js v7 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON state boundaries, plus `d3.scaleSequential` for color encoding and `d3.scaleSqrt` for circle sizes. Data comes from two CSV files covering state-level price indices and city-level housing metrics.

NNita

74% match

Loading thumbnail…

Project in progress - Week 1

This example presents the initial stage of a state-level map visualization. It displays a U.S. map with light green states, which turn red upon hover, alongside two blue circles marking specific coordinates. The map is built using the D3.js v5 library, employing `d3.geoPath` and `d3.geoAlbersUsa` for the projection and shape rendering. The visualization supports zooming and panning through the `d3.zoom` interaction, and it loads geographic data from a remote JSON source.

NNTCHANG1289

74% match