jueyang

// this runs hellaoften
$(window).scroll(function() {
});

// this runs hellaoften
$(window).scroll(_.throttle(function() {
}, 250));

jueyang

• remove extension:

find /path/to/your/files -name '*.html.tmp' -exec sh -c 'mv -i "{}" "$(dirname "{}")/$(basename "{}" .tmp)"' \;

• add extension:

find /path -type f -not -name "*.*" -exec mv "{}" "{}".jpg \;

or

jueyang

Seafood:

• mussels
• crabs
• onions
• green onions/scallions
• spicy pork or beef sausage
• green bell pepper
• okra
• chicken stock

jueyang

shp to geojson

• http://ben.balter.com/2013/06/26/how-to-convert-shapefiles-to-geojson-for-use-on-github/

shp to topojson

• properties: https://github.com/mbostock/topojson/wiki/Command-Line-Reference#wiki-properties

create new layers with ogr

ogr2ogr buildings_0.shp buildings.shp -sql "SELECT * FROM buildings WHERE YEAR_BUILT = 0"

jueyang

Hosting yo own tiles

Back in 2011, this is the tool stack used by Chicago Tribune.

"This is part one of a five-part series about our recent explorations making choropleth maps using PostGIS, TileMill, Mapnik and Google Maps."

MapBox infrastructure (2012)

[Here](https://www.mapbox.com/blog/building-mapbox-fast-map-hosting-stack/

jueyang

Map layer

• hex bin
• raw dots (that shows density, from which the pattern emerges)
• comparison (sliding/side by side/overlay)

Data handling

• lessons from USA Today election
• lazily request only the data you actually need for a given view, including the HTML template, geodata, and results data (full project description)

jueyang

Vocabularies of design:

• http://ia.net/blog/learning-to-see/

Ask the questions, not give the solutions:

• http://www.fastcodesign.com/3028283/how-to-be-a-design-boss-without-losing-your-soul

Let your team shine:

• http://www.smashingmagazine.com/2009/09/03/professional-team-management-tips-for-creative-folks/

jueyang

More to hotosm/old-export-tool#68

What's useful for a user at OTI?

1. Presets are confusing. It would be good to have GUI to select just "school" or "clinic". Maybe as a subset of the default preset?
2. KML is a useful format since Google Earth is an easy tool to visualize the locations.
3. POI is more widely used than buildings. There is no current standard for POI vs buildings when it comes to tracing in certain regions (eg. Haiti).

We are thinking of a potential hackathon that focuses on particular needs. Andrew might have a list/can talk to people of projects that fall under the same theme, so that the hackathon can be project-based and more concrete.

jueyang

Kudos: Tutorial adapted from http://bl.ocks.org/mbostock/3306362. This choropleth uses a threshold scale for quantization, mapping arbitrary slices of a continuous domain to discrete values in the range. Unemployment rates ranging from 2 to 10% are quantized into different shades of purple.

Further experiments:

• Zoom to bounding box:

  • http://bl.ocks.org/mbostock/4699541
  • http://bl.ocks.org/mbostock/9656675

• Click to Center

jueyang

"hello, world"; // edit this to begin

require('http://d3js.org/d3.v3.min.js');

// equal interval
var color1 = d3.scale.quantize()
		.domain([0,10]) // continuous
		.range(["#000", "#111", "#222", "#333", "#444", "#555"]);

// manual interval