Map shows Edmonton Neighbourhoods. When you mouseover, the mouseovered neighbourhood is colored orange, and the neighbourhoods which it shares borders with are colored green (neighbours). Corresponding names of associated neighbourhood (orange) and neighbours (green) are placed on the top left.
Inspiration
Helper Links For converting lat and longs to screen pixels and using pixel data
- U.S. States TopoJSON
- To get lat and long for parallels and rotate
- To convert lats and longs to pixel coordinates
- Thanks to him got geoproject working on windows :)
- Explore more for unique styling
- Tooltip
Commands on the command-line to convert geojson (lat and longs) to topojson (screen position pixels)
geoproject "d3.geoConicEqualArea().parallels([53.2343, 53.4302]).rotate([113.3, 0]).fitSize([750, 750], d)" < neigh-api.geojson > neigh-pixels.json
geo2svg -w 750 -h 750 < neigh-pixels.json > neigh-pixels.svg
geo2topo neigh-pixels.json > neigh-pixels.topojson
Brief description of command-lines above
- Geojson (neigh-api.geojson - lats and longs) from OpenData converted to pixels geojson (neigh-pixels.json - pixel positions within 750 x 750).
- Pixel geojson previewed using geo2svg. Lastly, pixels geojson is converted to topojson.