Something crazy

100%

Something crazy

✓ Published0🌍 Public

Last edited Oct 10, 2014

Created on Oct 10, 2014

This example displays a choropleth map of U.S. postal codes, where a randomly selected threshold dynamically recolors polygons based on their population totals. The visualization uses the CartoDB.js library to load a Leaflet map layer, then modifies its CartoCSS styling on each page load. A JavaScript function converts the current timestamp into an RGB color, which is applied to polygons exceeding a random population value, while all other areas retain a fixed pink fill. The underlying data comes from a CartoDB-hosted dataset of postal code boundaries.

AI-generated description

Similar vizzes

Loading thumbnail…

CartoDB Point Clustering

This example displays a choropleth map of U.S. ZIP code tabulation areas, colored by the ratio of mortgage disclosures to brokers, with polygon opacity scaled by broker count. It uses CartoDB.js with Leaflet to render the map, an SQL query joining broker data to census geographies, and CartoCSS for the graduated color and opacity styling. The map applies an aggregation stack blur filter to smooth the rendered polygons.

Aandrewxhill

74% match

Loading thumbnail…

Leaflet example | CartoDB.js

This example combines CartoDB.js with Leaflet to display a choropleth-style map of urban areas, overlaying vector polygons from a CartoDB SQL query. The map uses a Stamen toner tile layer as the base, with a CartoDB visualization layer added via `cartodb.createLayer`. The code enables hover interactions on the sublayer, showing a popup with the `area_sqkm` attribute, and separately renders simplified GeoJSON from the `ne_50m_urban_areas` table using `L.geoJson`. Mouseover events highlight polygons by changing their stroke color to red, while mouseout resets the style.

Aandrewxhill

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

72% match

Loading thumbnail…

Style selector example | CartoDB.js

This example shows a map of U.S. ZIP code tabulation areas with an interactive layer selector that switches between three visual styles: a solid red fill, a black-and-white fill, and a choropleth based on the `aland10` attribute. The code uses the CartoDB.js library to load the visualization and applies different CartoCSS styles to the sublayer when the user clicks a menu item. It demonstrates dynamic style switching via `setCartoCSS`, with the choropleth style embedded as a template in the HTML.

Aandrewxhill

71% match

Loading thumbnail…

Choropleth Service

A choropleth map colors world regions according to numeric values loaded from an embedded text dataset of ISO codes and scores. The choroplether.js script reads comma-separated values, computes a seven-step color ramp, and sends dynamic SQL and CartoCSS to CartoDB's createVis API to render the map. It uses the CartoDB.js library to update a sublayer with the new data and styling.

Aandrewxhill

71% match

Loading thumbnail…

colored-data.geojson

A choropleth-style map displays a small set of U.S. counties colored with a categorical palette. The visualization loads a GeoJSON FeatureCollection, where each county polygon includes a `fill` property defining its color. The code uses `d3.geoPath` to project and render the geographic shapes as SVG paths, assigning each county its designated fill color. It relies on the D3 library to handle the GeoJSON parsing and path generation.

JJn1532

69% match

Loading thumbnail…

Gist 5562531

This visualization displays United States zip codes as individual points on an Albers USA projection, highlighting locations that match a user’s typed input. It shows a map of the country where each of the roughly 43,000 ZIP code locations is drawn as a single pixel-sized square, with matching entries turning red in real time. The code uses deeply nested SVG `<g>` elements and CSS classes to target only the changed digits, rather than redrawing the entire map. It relies on D3’s `d3.nest` for hierarchical grouping, `d3.geo.albersUsa` for projection, and transitions on rectangle fills to animate the highlighting effect.

RRandomEtc

69% match

Loading thumbnail…

CartoDB + Time

The visualization maps the locations of U.S. post offices over time, animating their cumulative appearance based on the year each was built. It uses CartoDB’s Torque layer to render 128 animation frames across a 16-second loop, aggregating point counts by grid cell. The map is built with Leaflet, using Stamen’s toner tiles for the base layer. The Torque style specifies a time attribute, cumulative aggregation, and blue rectangle markers, with a color blend mode to show density. The code loads data from the `us_po_offices` table hosted by CartoDB’s `viz2` account.

Aandrewxhill

69% match