Create small multiples through the Static Maps API

Get a static map from a viz.json using python

This example generates a static map image from a CartoDB visualization JSON file using Python. It extracts the map’s center, bounds, zoom level, and visible layer definitions from the viz.json, then constructs a new map configuration with a dark basemap. The code uses the `requests` library to fetch the JSON and the CartoDB Maps API to create a named map, ultimately printing a URL for a static center-positioned PNG at 800x500 pixels.

71% match

Easy example | CartoDB.js

This example shows a full-screen interactive map that renders a dataset called "untitled_table_5" with custom CartoCSS styling. The map displays points, lines, and polygons in a red color scheme with white outlines, and includes tooltips triggered by interactivity on the `cartodb_id` field. The code uses the CartoDB.js library version 3, specifically `cartodb.createVis`, which loads the visualization from a JSON configuration object. The base map is provided by OpenStreetMap tiles via Leaflet, while the geographic data is queried from a CartoDB table using SQL and styled with CartoCSS rules for each geometry type.

70% match

CartoDB + D3 Drought Maps

Four side-by-side maps show drought conditions across the United States during alternating months of 2012, using a color scale from yellow to dark orange for drought severity. Each map layers a simplified world border background under drought polygons queried from CartoDB via the cartodb.js SQL API, with data formatted as TopoJSON. The SVG maps are rendered with d3.geo.mercator and d3.geo.path, and all four views share a synchronized zoom behavior through d3.behavior.zoom.

69% match

Quick list of CartoDB weather and climate related maps

This gallery page compiles a series of CartoDB maps focused on weather and climate events, including hurricanes, tornadoes, rain, drought, and general weather conditions. Each entry pairs a static thumbnail image with a hyperlink to an interactive map hosted on CartoDB. The maps use CartoDB’s tile-based rendering and SQL querying to display data such as 2004 hurricane tracks, ten years of tornado paths, 2013 drought monitor zones, and real-time precipitation. The page itself is plain HTML, organizing the examples into sections by weather category without custom JavaScript or visualization libraries.

Easy example | CartoDB.js

This example loads a CartoDB-hosted map visualization into a full-screen `<div id="map">` using the CartoDB.js library. It calls `cartodb.createVis` with a specific `viz.json` URL, setting initial center coordinates at latitude 0, longitude 0, zoom level 2, and disabling the time slider. The map renders the visualization’s default layers and styling from the referenced CartoDB account. The page includes the CartoDB CSS and JavaScript files from `libs.cartocdn.com`, and any loading errors are logged to the console.

Aandrewbt

Gist 2869abf438288423d49f56f8047b3ca9

This example builds a custom interactive map by layering a scanned historical campus map from MapWarper between two CARTO Voyager basemap tilesets: one without labels and one with labels only. The code constructs a JSON mapconfig specifying three HTTP tile layers and uses the requests library to post it to Carto’s map API. The result visually sandwiches the old map beneath modern road and label layers, preserving geographic context while overlaying contemporary annotations.

Aandrewbt

Gist 4354110

This visualization displays a map rendered with CartoDB, showing geographic data from a hosted visualization. The page loads a full-screen map using the CartoDB.js library, which initializes the map via `cartodb.createVis` and connects to a remote visualization URL. The map itself is embedded in a fixed-size `<div>` element and relies on CartoDB’s built-in rendering and tile services to draw the geographic layers. The code does not include custom data processing or interaction logic; it simply leverages the CartoDB API to present the pre-configured map.

Gist a61b3f54da810f6e9490

This example demonstrates how to map and animate earthquake data from the USGS CSV feed using CartoDB’s mapping tools. It shows temporal earthquake occurrences through an interactive map, with points updating over time. The code relies on CartoDB’s SQL API and JavaScript library for layer management, alongside D3.js for data-driven visualizations. It also integrates Chart.js for supplementary graphs and uses dynamic styling via CartoDB’s tile rendering. The visualization highlights both spatial distribution and time-based animation of seismic events.