April 2020 Western US Snow/Precipitation

100%

April 2020 Western US Snow/Precipitation

✓ Published0🌍 Public

Last edited Apr 26, 2020

Created on Apr 26, 2020

This visualization maps snow water equivalent and precipitation percentages across the western United States for April 2020, using data from the USDA Natural Resources Conservation Service. Circles sized with d3.scaleSqrt and positioned via d3.geoAlbers projection and d3.geoPath show station measurements. React components load CSV and TopoJSON data, while d3-geoGraticule adds graticule lines over the rendered SVG map.

AI-generated description

A map showing percent of normal snow water equivalent & precipitation as of April 2020. Data from USDA - Natural Resources Conservation Service - National Water and Climate Center.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

Additional resources/examples:

California population density map

To do:

Update with all SNOTEL reports (by season?)
Fix coordinates of that dot that's hanging out somewhere around Idaho/Montana
Figure out how to zoom in more
Overlay fire data in a different color
Create a Multiple Views with Brushing variation

MIT Licensed

Similar vizzes

Loading thumbnail…

US MAP

This interactive visualization displays a choropleth-style map of the United States, rendered as an SVG using React and D3 v5. The map shows state boundaries through purple interior lines, with land areas filled in green against a dark blue sphere background. The code employs `d3.geoAlbers` for the Albers equal-area projection, `d3.geoPath` to generate SVG paths, and `d3.geoGraticule` for grid lines. Geographic data comes from the `us-atlas` TopoJSON file, processed through `feature` and `mesh` from topojson library.

Ssiddu7147

70% match

Loading thumbnail…

Untitled

A choropleth map of the United States displays drought counts per state from 2012 to 2021, with a year selector to switch between annual datasets. The visualization uses D3 v7 to render SVG paths and a color legend categorizing drought frequency into six bins from green (low) to red (high). The code loads data from local JavaScript config files and computes the map projection, with a tooltip and legend providing supplementary context.

JJosieeeeee

68% match

Loading thumbnail…

US_Map

A choropleth-style map displays the contiguous United States with state boundaries, rendered in SVG using React. The visualization uses `d3.geoAlbers` for projection and `d3.geoPath` to draw geographic features, with `d3.geoGraticule` generating graticule lines. Land areas are filled pink, interiors stroked darkblue, and the sphere background is yellow, styled via CSS. Geographic data comes from the US Atlas TopoJSON, processed with `topojson.feature` and `topojson.mesh`.

AAkrutiKhurana2103

68% match

Loading thumbnail…

Country map for ice 8

This visualization displays a map of the United States using a plum fill for land areas and purple strokes for state borders. The geographic data comes from the US Atlas TopoJSON file, processed with `d3.geoPath` and the `geoAlbersUsaTerritories` projection to render SVG paths for all states and their interior boundaries. React manages the component state, while the `useData` hook fetches and transforms the TopoJSON topology into GeoJSON features and meshes.

Ssushmithameher-patnam

68% match

Loading thumbnail…

US Map

This interactive visualization displays all US counties as a choropleth-style map rendered with a natural Earth projection using d3.geoPath. The map is drawn with SVG elements, featuring graticules and a sphere outline to provide geographic context. County boundaries come from a TopoJSON file loaded asynchronously and converted to GeoJSON features. Built with React and D3 v7, the visualization dynamically fills the browser window and uses the Poppins font for its minimal interface.

JJohn Lewis

68% match

Loading thumbnail…

D3geo Playbox

This map of US counties visualizes county-level PM2.5 air quality data by year, with each county colored according to its pollution level and gray when no data is available. The visualization uses d3.geoPath and d3.geoIdentity for geographic projection, d3.scaleOrdinal with a color scale for data encoding, and TopoJSON from the US Atlas for county boundaries. React manages the component lifecycle, while the D3 data joins render SVG paths with tooltips showing county name, state, and measurement value. The underlying CSV data is loaded via d3.csv and filtered by year.

AAndre J Denais

67% match

Loading thumbnail…

ICE-8

This example displays a choropleth map of the United States using an Albers equal-area conic projection. It shows land and state boundaries, with a graticule overlay and a distinct purple stroke for interiors. The visualization uses React to manage state and rendering, while leveraging `d3.geoAlbers` and `d3.geoPath` for projection and path generation. Data is loaded asynchronously from a TopoJSON file via `d3.json` and `topojson.feature` and `topojson.mesh`, and rendered as SVG elements.

Ppreethamkesa

67% match

Loading thumbnail…

Centered US Map

This visualization presents a centered map of the United States, displaying state boundaries as colored polygons to represent a quantitative rate per state. The map is rendered using SVG within a React framework, with geographical data loaded from the US Atlas TopoJSON. The code employs D3 v4 APIs such as `geoPath` and `geoAlbers` to project the map, and `scaleThreshold` with `schemeGreens` to color states based on rates from a TSV file. Gratricules are included as a visual aid.

Yyuzhang21

67% match