All examples By author By category About

clhenrick

cartodb.js set sublayer interactivity

Leaflet Draw documentation bug

mfa bootcamp web day 5 in-class code

mfa bootcamp day 3 demo code

mfa bootcamp day 2 demo code

CartoDB Tile Layer

Path in a map, animated with scroll

WWSD #6: d3.js projections

Orthographic Clipping

turbo-cartocss examples

cartodb.js change name map parameters on click

cartodb.js: named maps, toggle layers and hover infowindow

Leaflet with a Carto Layer II extended

Leaflet with a Carto Layer II

Leaflet with a Carto Layer I

Leaflet + D3js: Hexbin

From Coast to Coast

GDP Bubble Chart

Hotspots 2

Hotspots

Leaflet with Stamen Terrain Grey

Tangram & Leaflet

Leaflet Active Area Bug

3rd party raster tiles in Mapbox GL JS

Use the Force!!

Data URI SVG icons with Leaflet

Custom tiles in Google Maps

Integrating Cartodb.js layer toggling with Odyssey.js

odyssey.js hack three

mfa dt bootcamp web curriculum: javascript day one

mfa dt bootcamp web class: Floats demo 1

mfa dt bootcamp web class css positioning example 1: static

mfa bootcamp day 4 demo code: positioning and sizing

CartoDB JS + D3 JS

Shape Tweening

Merging Counties III

Colorspaces

ischool-geo-viz-04

Sinusoidal interpolation

Heatmap from a points array

Leaflet with a Carto Layer I extended

Ordinal Scale using d3-legend

Elevation Profile

raster data test with mapbox

raster data test with mapbox

D3 + Canvas demo

D3 + Canvas demo II

grey scale matrix

Not So Simple graph with grid lines in v4...

Load an SVG from an external page

Leaflet AnimatedMarker plug-in test

Triggering openPopup() with an AnimatedMarker in Leaflet

D3JS GeoJSON Scale and Translate

updating data in a d3 histogram

using handlebars to toggle language. (take 1)

tmp index for toxicity map

css3 sprite animation, yay!

hacking odyssey part 2

odyssey.js & cartodb.js testing

parsons bfa creative code class teaching example

mfa dt web class: iterate over divs using JQuery

Leaflet + D3 test

Example showing how to load layers in Cartodb and turn them on / off.

mfa bootcamp day 3 demo code: more selectors

Bivariate Hexbin Map

Milky Way

WWSD #16: turf: measurement

sneaky SVG

Animated path using canvas

WWSD #13: d3 + Canvas

Merging Counties III

SF Precincts: colored by BART district

tide currents fourier interpolation debug

Tides Currents Interpolation

ischool-geo-viz-04

ischool-geo-viz-02

ischool-geo-viz-00

d3 legend test

ischool-geo-viz-template

Histogram of Trump Tweets

Shape Tweening (v4)

Barley Punchcard - Static

Scatterplot with v4

Small Multiples

Day / Hour Heatmap

d3 + TopoJSON+interaction

Barley Punchcard - Dynamic

D3 Canvas color transition II

D3 Canvas color transition

Hexbin Heightmap

Resize Map on Window Resize

Debugging d3-geo projection.fitSize

Debugging d3-geo projection.fitSize II

Debugging d3-geo projection.fitSize

Force-Directed Tree II (Mike's Example with Text Nodes)

San Francisco Tidal Predictions

Data Nesting Demo for Tom

Per Capita GDP Bubble Chart

contiguous states graph

GDAL DEM Tools Color.txt Gradient Mapping

Leaflet with Stamen Terrain Positron

Leaflet with Stamen Terrain Darkmatter

Programmatically Set Brushes

Tone.Sequence not running on iOS

ios audio context debug monkeypatch

Raster & Vector I

svg path no mask

svg path mask no bug

svg path mask bug

scale sqrt vs scale linear

Aligning GeoJSON data with us-atlas TopoJSON

D3 Scatterplot without data join

mfa dt bootcamp web class css positioning example 9: using positions static, relative and fixed to create a mock website layout

mfa dt bootcamp web class css positioning example 4: absolute

cartodb js > cartocss bug? This file will display the cartodb layer without labels. Uncomment lines 71-72 and comment out line 73 to see that the layer no longer draws. This cartocss is the same that I used in the CartoDB Dashboard.

mfa dt bootcamp web class: Floats 3; clearing with a subsequent element or clearfix

mfa dt bootcamp web class: Floats 2, child inheritance and clearing

mfa dt bootcamp web class css positioning example 8: position fixed

mfa dt bootcamp web class css positioning example 5: absolute with Children

mfa dt bootcamp web class css positioning example 6: stretching block elements using position absolute & offset

mfa dt bootcamp web class css positioning example 3: relative with child

mfa dt bootcamp web class css positioning example 2: relative

mfa dt bootcamp web class css positioning example 7: using absolute positioning to make a two column layout

example loading multiple layers from cartodb in a leaflet map

handlebars templating using cartodb.js, cartodb sql api, nyc geoclient api, aja.js

mfa dt bootcamp web: iterate over divs example 2 with _.shuffle