Skip to main content
100%

Gist 2e969e0d45ceb3555cc4

✓ Published0🌍 Public
Aandrewxhill
Last edited Jun 3, 2014
Created on May 20, 2014

This visualization demonstrates unemployment rates across U.S. states and zip codes using interactive maps. It begins with a choropleth map of April unemployment data by state, then shifts to a bubble map of zip-code-level rates, with bubble size reflecting percentage values. The example uses CartoDB’s georeferencing, SQL updates to clean and convert data, and dynamic SQL queries to reorder or filter results, such as sorting by rate or selecting points within a distance of Washington, D.C. It also incorporates CartoDB.js for interactivity, including a street-view preview on hover.

AI-generated description

Similar vizzes

Loading thumbnail…

US Unemployment Bubble Map

This interactive bubble map visualizes U.S. unemployment rates by state for 2022, with each bubble’s size and color intensity reflecting the unemployment percentage. Users can hover over bubbles to view tooltips with state names and exact rates, while a gradient legend indicates the rate range, and zoom and pan controls allow regional exploration. Built with D3.js, it uses `d3.geoPath` and the `geoAlbersUsaTerritories` projection to render state boundaries, `d3.scaleSqrt` for bubble radii, and `d3.scaleSequential` with `interpolateReds` for coloring. Data comes from the `@oabouhas/unemployment` package, and state centroids are calculated via `d3.geoCentroid` from TopoJSON US Atlas data.

Oomniaabouhassan@gmail.com
79% match
Loading thumbnail…

Gist 1198897

This visualization demonstrates the geographic distribution of the 2010 U.S. Census data, mapping population counts and related demographic metrics across states. Built with Ruby and CartoDB importer, it renders interactive choropleth maps using color-coded polygons to represent data values, allowing users to explore spatial patterns in the dataset. The visualization leverages Google Spreadsheet integration for data input and PostgreSQL for storage, with map rendering handled through CartoDB’s geospatial processing pipeline.

Aandrewxhill
77% match
Loading thumbnail…

Gist 5665764

This choropleth maps U.S. county-level unemployment rates from 2008 using a quantize scale, which assigns each county to one of nine color classes based on rates from 0 to 15%. The map is rendered with SVG paths for counties, colored via CSS classes q0-9 through q8-9, and includes state boundary outlines overlaid for context. The data is loaded from an external TSV file, and clicking a county or hovering over a state logs the element or feature to the console.

11wheel
77% match
Loading thumbnail…

Gist 7bcb7bfb170746a20c14

This choropleth maps U.S. county-level unemployment rates from 2008, encoding values from 0 to 15% using a quantize scale with nine discrete color classes. The SVG visualization uses a Mercator projection and TopoJSON data for county and state boundaries. Unemployment data is loaded from a TSV file and joined to county IDs via a `d3.map`, with each county’s fill class (q0-9 through q8-9) assigned by the quantized rate, producing a blue sequential palette from light to dark. County boundaries are stroked in white and state borders in white with rounded joins, while the background remains transparent. The example highlights the use of quantize scales for continuous-to-discrete mapping and suggests a threshold scale as an alternative for arbitrary ranges.

11wheel
77% match
Loading thumbnail…

Zoomable Choropleth

A zoomable choropleth of U.S. unemployment rates by state and county. Clicking a state zooms the map to that state, revealing county-level data with smooth animated transitions; clicking a county returns the view to the full country. Built with D3 v4, it uses `d3.geoPath` with an Albers projection, `projection.fitExtent` for zooming, and `transition` for animations. A threshold color scale encodes unemployment values from BLS data, and county shapes are rendered as SVG paths.

SSamagoue
76% match
Loading thumbnail…

Regional breakdowns by month (CartoDB + D3)

This visualization displays monthly unemployment data for multiple regions as a grid of small pie charts, with each slice colored by its unemployment value and the region name centered beneath. It uses CartoDB’s SQL API to fetch monthly values from a table named `unemploy_annual`, then renders each region as an SVG donut via D3’s `d3.svg.arc` and `d3.layout.pie`. A linear color scale maps unemployment rates from 0 to 0.25 to a purple-to-red gradient, and a legend shows the scale. Hovering a slice changes its stroke to its fill color, with a tooltip revealing the month and value.

Aandrewxhill
76% match
Loading thumbnail…

Zoomable County Choropleth

This example visualizes unemployment rates across U.S. counties from August 2016 using a digital choropleth map. The map, rendered with `d3.geoPath` and a `geoAlbersUsaTerritories` projection, colors each county using a `scaleQuantile` with `interpolateInferno`. It supports interactive zooming and panning via `d3.zoom`, with `d3-rosetta` managing state and efficient DOM updates. County boundaries and state meshes come from the `us-atlas` TopoJSON dataset, while the unemployment figures are loaded from a local CSV file.

CCurran Kelleher
76% match
Loading thumbnail…

Zoomable Choropleth to be gutted

This zoomable choropleth of U.S. county unemployment rates shows state-level data that animates to a county-level view when a state is clicked, with the option to zoom back out by clicking a county. Built with D3.js v4, it uses the `d3.geoAlbers` projection, `d3.geoPath`, and `projection.fitExtent()` to smoothly transition the map. The colors encode unemployment data from the BLS, and the code also sets `projection.precision(0)` to prevent interpolation issues during zoom animations.

SSamagoue
76% match