Tom MacWright tmcw

Demonstrating jenks natural breaks implemented in simple-statistics.

Rendered by d3js, based on an example by Mike Bostock.

Welcome to OpenStreetMap, the world's open-source map.

You've just joined a community of over one million contributors who are creating a free, worldwide map.

View this code at http://livecoding.io/5708772

Notice an error on the foursquare map?

You can fix it! The maps you see on foursquare are powered by OpenStreetMap, a free map that anyone can edit. Thousands of websites and apps rely on OpenStreetMap to provide the underlying data for their maps. By improving the map, you'll be contributing to a project with far-reaching influence.

Two important things you should know before editing:

foursquare uses a custom style of OpenStreetMap provided by MapBox that selectively hides and shows map features - so not every feature in OpenStreetMap will be visible on our maps. A perceived error on the map may be due to our style rather than missing data in OpenStreetMap.
The blue venue markers that are overlaid on top of the base map are completely disconnected from OpenStreetMap. Foursquare venue errors should be dealt with…(??).

	<!DOCTYPE html>
	<html>
	<head>
	<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
	<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
	</head>

	<DOCTYPE html>
	<html>
	<head>
	<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
	<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	#map-ui {
	position:absolute;

	// Types
	var one = 1;
	var two = 2;
	// three;
	window.three;
	window.one = 1;
	one = 1;
	var one = [];
	var one = {one: 1};
	one.two = 1;

	var pre = '<pre>*</pre>';
	var txt = '';
	var chars = ' xx xxx 0000000000005550';

	window.setInterval(function() {
	var txt = '';
	var c = chars.split('');
	var l = c.pop();
	chars = [l].concat(c).join('')

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

	// An introduction to d3js scales
	//
	// scales are transformations from an input
	// domains to output ranges. you use them for
	// transforming your input data into your output
	// representation: $1B in the stock market might
	// mean 200px on a laptop screen, and so on.