Skip to main content
100%

DataKind Workshop | Demo

✓ Published0🌍 Public
Aandrewxhill
Last edited Jan 14, 2014
Created on Jan 14, 2014

This demo shows New York State sewage overflow reports as a bubble map, where each bubble’s size represents the volume of gallons discharged, ordered from largest to smallest. The visualization is built with CartoDB, using its hosted map tiles and an embedded iframe that loads a preconfigured SQL query. The map applies CartoCSS styling to handle null volume values, and the underlying data comes from a public CSV hosted at Nijel.org.

AI-generated description

Similar vizzes

Loading thumbnail…

DataKind Workshop | Demo

This demo embeds a CartoDB map visualization centered on global coordinates, displaying geographic data points as an interactive web map. The iframe loads a published CartoDB visualization with pan and zoom controls enabled, while hiding search, layer selection, and legends for a clean presentation. The underlying map uses CartoDB’s tile-based rendering to show spatial patterns, with the page’s HTML and CSS ensuring the map fills the entire viewport. The code relies on the CartoDB embed API and standard iframe integration rather than custom JavaScript libraries.

Aandrewxhill
76% match
Loading thumbnail…

NACIS Workshop | CartoDB

A step-by-step workshop guide demonstrates CartoDB's mapping and data-analysis capabilities through a sequence of exercises. The HTML page embeds a Speaker Deck presentation and lists tasks covering data import, visualization styling with CartoCSS, SQL filtering, and spatial queries. It references downloadable shapefiles, including tornado paths, NYC bike blocks, and tracked location data, with example SQL statements for distance calculations. The code loads CartoDB.js v3 and its CSS to support interactive map rendering throughout the tutorial.

Aandrewxhill
70% match
Loading thumbnail…

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.

Aandrewxhill
69% match
Loading thumbnail…

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.

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

Gist 2e969e0d45ceb3555cc4

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.

Aandrewxhill
68% match
Loading thumbnail…

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.

Aandrewxhill
67% match
Loading thumbnail…

Moving Bubble Tutorial

The visualization shows circles representing New York City service requests, grouped by borough overlaid on a map image, then animating to cluster by agency (NYPD, HPD, DOT, DEP). The code uses a D3 force layout with multiple foci to achieve the moving bubble effect. Data from the CSV file populates the nodes, and rendering is done via SVG animation, with different colors assigned to each borough and agency.

118ketr
67% match