us history in maps


D3 Meetup, d3.geo
Oct 18, 2012


Michael Porath
@poezn

Inspiration

Demo


Process

Original Image

From PNG to GeoJSON


{
    "type": "FeatureCollection",
    "features": [
        { "type": "Feature", "properties": { "ID": 178903007.0, "LABEL": "New York", "CATEGORY": "state", "COUNTRY": "US", "STATE": "NY" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -73.344, 45.011 ], [ -73.343, 45.011 ], [ -73.37, 44.829 ], [ -73.34, 44.779 ], [ -73.39, 44.618 ], [ -73.339, 44.547 ], [ -73.3, 44.477 ], [ -73.315, 44.389 ], [ -73.323, 44.265 ], [ -73.391, 44.191 ], [ -73.429, 44.079 ], [ -73.406, 44.016 ], [ -73.408, 43.93 ], [ -73.35, 43.771 ], [ -73.422, 43.647 ], [ -73.431, 43.588 ], [ -73.4, 43.569 ], [ -73.376, 43.613 ], [ -73.367, 43.623 ], [ -73.303, 43.626 ], [ -73.242, 43.535 ], [ -73.279, 42.833 ], [ -73.291, 42.802 ], [ -73.265, 42.746 ], [ -73.508, 42.086 ], [ -73.487, 42.05 ], [ -73.487, 42.049 ], [ -73.551, 41.295 ], [ -73.483, 41.213 ], [ -73.728, 41.101 ], [ -73.643, 41.002 ], [ -73.621, 41.002 ], [ -73.768, 40.888 ], [ -73.656, 40.864 ], [ -73.461, 40.937 ], [ -73.219, 40.932 ], [ -72.996, 40.966 ], [ -72.714, 40.986 ], [ -72.317, 41.089 ], [ -71.967, 41.048 ], [ -72.114, 40.972 ], [ -72.573, 40.813 ], [ -73.055, 40.666 ], [ -73.647, 40.583 ], [ -74.032, 40.646 ], [ -74.037, 40.637 ], [ -74.038, 40.637 ], [ -74.014, 40.757 ], [ -73.933, 40.882 ], [ -73.894, 40.997 ], [ -74.234, 41.143 ], [ -74.3, 41.173 ], [ -74.695, 41.357 ], [ -74.691, 41.367 ], [ -74.753, 41.427 ], [ -74.877, 41.44 ], [ -74.913, 41.476 ], [ -75.04, 41.57 ], [ -75.048, 41.632 ], [ -75.053, 41.753 ], [ -75.14, 41.852 ], [ -75.263, 41.885 ], [ -75.342, 41.993 ], [ -76.146, 41.999 ], [ -76.966, 42.001 ], [ -78.031, 41.999 ], [ -79.061, 41.999 ], [ -79.761, 41.999 ], [ -79.762, 42.251 ], [ -79.76, 42.273 ], [ -79.511, 42.382 ], [ -79.223, 42.536 ], [ -78.859, 42.841 ], [ -79.028, 43.067 ], [ -79.02, 43.274 ], [ -78.859, 43.311 ], [ -78.466, 43.371 ], [ -77.817, 43.344 ], [ -77.376, 43.278 ], [ -76.922, 43.285 ], [ -76.563, 43.449 ], [ -76.411, 43.523 ], [ -76.297, 43.513 ], [ -76.199, 43.6 ], [ -76.193, 43.869 ], [ -76.134, 43.955 ], [ -76.358, 44.123 ], [ -76.164, 44.24 ], [ -76.001, 44.348 ], [ -75.765, 44.516 ], [ -75.334, 44.806 ], [ -75.065, 44.929 ], [ -74.568, 45.0 ], [ -73.344, 45.011 ] ] ] } },
        { "type": "Feature", "properties": { "ID": 178903008.0, "LABEL": "Rhode Island", "CATEGORY": "state", "COUNTRY": "US", "STATE": "RI" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.843, 41.327 ], [ -71.831, 41.345 ], [ -71.842, 41.395 ], [ -71.798, 41.417 ], [ -71.801, 42.008 ], [ -71.799, 42.008 ], [ -71.381, 42.019 ], [ -71.374, 41.894 ], [ -71.339, 41.893 ], [ -71.328, 41.781 ], [ -71.261, 41.752 ], [ -71.176, 41.668 ], [ -71.134, 41.641 ], [ -71.123, 41.525 ], [ -71.206, 41.499 ], [ -71.483, 41.372 ], [ -71.774, 41.328 ], [ -71.843, 41.327 ] ] ] } }
] }
                            ]}
                            

Georeferencing Image

Georeferencing Result

Tracing

D3.geo Magic

Thanks


Questions?


Michael Porath
@poezn