Popcorn Placemap

Use yahoo string geolocation api and drop results into cartodb

This visualization streams text from a local file through the Yahoo Placemaker API, geolocating mentioned places and inserting their coordinates into a CartoDB table. It shows how raw text lines map to geographic points, with each detected place labeled by name, WOEID, and placetype. The Python script uses the `placemaker` library to extract locations and `urllib2` to send SQL insert statements to CartoDB’s SQL API, storing geometry via `CDB_LatLng`. Failed requests are logged to a file.

61% match

CartoDB + D3 Bubble Map

A bubble map renders world borders and populated places on a blue SVG canvas, with city markers animating from random positions to their geographic coordinates. The visualization combines CartoDB’s SQL API (fetching GeoJSON from `d3_world_borders` and `d3_populated_places`) with D3’s `d3.geo.mercator` projection and `d3.geo.path` for borders. City circles scale by population, and clicking a marker displays its name via SVG text. A `d3.behavior.zoom` handler enables panning and zooming through SVG transforms.

59% match

example.html from mapshot

A canvas-based map of populated places from the ne_10m_populated_p_2 dataset, rendered as red markers across Europe, uses mapshot with the CartoDB Tiles API to load and style geographic data. The mapshot library draws a Stamen Toner base layer and applies a custom CartoCSS style for the markers. The renderer chains three visual effects—blur, noise, and posterize—over the map, demonstrating how mapshot layers multiple Canvas passes onto tile imagery.

58% match

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.

58% match

Gist 7c1efd9bdead734010b0

This tutorial demonstrates how to build interactive maps and animated visualizations of a cat’s GPS tracking data using CartoDB’s web interface, SQL, and CartoCSS. It shows point, categorical, and temporal bubble maps, including a Torque animation of Spencer the Cat’s movements over time. The code uses CartoDB’s SQL API with functions like `ST_MakeLine` and `date_part`, along with CartoCSS styling for markers. It also covers importing polygon building datasets from MassGIS and querying them with spatial operations like `ST_Distance` and `CDB_LatLng`.

Gist 89811213f98645c51fa8

Using CartoDB’s SQL API and PostGIS functions, this notebook explores Gilt purchase data aggregated by zip code. It shows a series of interactive maps, including a bubble map of average session time and choropleths of purchase rates, built from geocoded postal points and polygon tables. The workflow demonstrates nested SQL subqueries to join transaction aggregates with geometries, spatial filtering with `ST_Intersects` and `ST_Buffer` around New York City, and on-the-fly centroid generation via `st_centroid` for a target audience map. Geocoding and tile rendering rely on CartoDB’s default web-mercator projection.

Advanced Infowindows | Demo

This demo shows how to create fully customized map infowindows with CartoDB, embedding images, videos, and dynamic row-based content through the platform’s advanced editor. It uses CartoDB’s built-in Mustache templating, where column names like `{{image_url}}` are replaced with real data values at click time. The example also demonstrates required HTML structure classes such as `cartodb-popup` and `cartodb-popup-content-wrapper`, and embeds a live interactive map via an iframe pointing to a CartoDB visualization.

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.