Skip to main content
100%

CartoDB + Time

✓ Published0🌍 Public
Aandrewxhill
Last edited Aug 19, 2015
Created on Aug 19, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Post Office Scatter Plot

This scatter plot displays the latitude and longitude of thousands of US post offices, with each semi-transparent circle representing a single location. Built with D3 v6 and SVG, it maps the dataset’s geographic coordinates onto linear scales using `d3.scaleLinear` and `d3.extent`, rendering circles with a radius of two pixels. The axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the data is loaded asynchronously from a CSV file hosted in a GitHub gist. The visualization reveals the density of post offices across the continental United States, with clusters forming along the East and West coasts.

RRobert Johnson
70% match
Loading thumbnail…

Torque runtime example | CartoDB.js

This example displays a Torque animated map of Twitter data from the table `twitter_wowfakta`, showing cumulative point aggregation over time. It uses CartoDB.js with the Leaflet map API, initializing a map centered on Java with a Stamen toner basemap. The Torque layer is created via `cartodb.createLayer` with a custom CartoCSS template that sets cumulative aggregation, a marker width of 4 pixels, and a red fill color. The animation runs through the Torque runtime, which processes the data client-side to render temporal patterns.

Aandrewxhill
70% match
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
70% match
Loading thumbnail…

Gist a81c267615bde4d028ee

This visualization shows the geographic distribution of alternative fuel stations as of April 4, 2012, using a temporal heat map. The CartoDB Torque library animates the points over ten seconds, aggregating station counts per cell with a linear data aggregation function. The code applies a `colorize-alpha` image filter to markers, transitioning from red through blue based on density, while frame offsets increase marker width and reduce opacity to create a motion trail effect. The map uses static marker images from an Amazon S3 asset and relies on Torque’s time-based rendering to reveal spatial clustering over time.

Aandrewxhill
69% match
Loading thumbnail…

Something crazy

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.

Aandrewxhill
69% match
Loading thumbnail…

Make amazing maps with CartoDB

A CartoDB example demonstrates how to reformat the timestamp labels on a Torque timeslider for animated maps. Users paste a VIZJSON URL and select between two date formats—one displaying the weekday and time, the other showing a full date—which customizes the slider’s display. The code uses the CartoDB JavaScript API (cartodb.js) to create the visualization and the slider’s formatter function to modify the output. The embedded map is rendered with CartoDB’s tile and overlay layers.

Aandrewxhill
69% match
Loading thumbnail…

CartoCSS for Animated Bubble Map

CartoCSS drives an animated bubble map of crime incidents, showing how event density changes over time. The visualization uses Torque’s time-based rendering with 72 frames over a 30-second duration, aggregating counts from the `fromdate` attribute. Bubble sizes scale progressively when aggregated values exceed thresholds (2, 8, 16), with an XOR composite operation blending overlapping markers. The map relies on CartoDB’s Torque API and CartoCSS styling, referencing `cartodb_id` for counting, while marker properties like fill color, line width, and ellipse shape are defined in the stylesheet.

Aandrewxhill
68% match
Loading thumbnail…

CartoDB Point Clustering

This example uses CartoDB to render U.S. state polygons with clustered point data. Clicking a state triggers an SQL query that applies ST_Dump and ST_SimplifyPreserveTopology to generate line segments radiating from the state centroid to its boundary points, producing a stylized "POW!" label effect. The visualization combines CartoDB’s tile layer API with custom CartoCSS styling, including pattern fills and text labels, to show how dynamic SQL can reshape geographic features interactively.

Aandrewxhill
68% match