/
index.html
84 lines (83 loc) · 3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link href='big.css' rel='stylesheet' type='text/css' />
<script src='big.js'></script>
</head>
<body>
<div><img src='intro-splash.jpg' />Building The OSM Data Report</div>
<div><img src='intro-splash.jpg' />mapbox.com/ osm-data-report</div>
<div><em>we know</em> OSM is great</div>
<div>how do we tell everyone else?</div>
<div>The OSM Data Report tells <em>the story of OSM</em></div>
<div>(especially in the USA)</div>
<div>to start: the themes</div>
<div><img src='userbase.jpg' />Userbase</div>
<div><img src='data.png' />Data</div>
<div>sound familiar?</div>
<div><img src='stats_wiki.png' /></div>
<div>a question of <em>making things beautiful</em></div>
<div>so they are <em>conversations</em></div>
<div>here's what we made</div>
<div>road updates</div>
<div><img src='road-updates.png' /></div>
<div>Chicago</div>
<div><img src='chicago.png' /></div>
<div>'Inequality'</div>
<div><img src='inequality.png' /></div>
<div>bot-mode name expansion</div>
<div>St → Street</div>
<div><img src='bot-mode.png' /></div>
<div>21 million miles of roads</div>
<div><img src='trips.png' /></div>
<div><img src='a.png' /></div>
<div><img src='b.png' /></div>
<div><img src='c.png' /></div>
<div><iframe src='http://www.mapbox.com/show-me-the-way/' width='100%' height='100%'></iframe></div>
<div>toolz!</div>
<div>sometimemachine → d3</div>
<div>planet.osm → python → sqlite → node.js + node-canvas</div>
<div>github.com/ tmcw/sometimemachine</div>
<div>github.com/ tmcw/sometime-scripts</div>
<div><pre>
var fs = require('fs');
var moment = require('moment');
var argv = require('optimist').argv;
var sqlite3 = require('sqlite3').verbose();
var db = new sqlite3.Database(argv._[0]);
var bboxes = [];
db.each(('select * from osm_changeset where user_id=451693;'),
function(err, row) {
bboxes.push([
row.min_lon,
row.min_lat,
row.max_lon,
row.max_lat]);
}, function() {
fs.writeFileSync('bboxes.json', JSON.stringify(bboxes));
});</pre>
</div>
<div>inkscape</div>
<div>/but the real graphic is/</div>
<div>Growth</div>
<div><img src='growth.png' /></div>
<div>what is growth?</div>
<div>signups?</div>
<div>contributors?</div>
<div>contributions?</div>
<div>ideally it's signups → contributors</div>
<div>at best...</div>
<div><h1>we're presenting</h1> <em>an honest but limited facet of the truth</em></div>
<div><img src='stripes.jpg' /><h1>conclusions</h1></div>
<div>the volume of OpenStreetMap is <em>dominated by experts</em></div>
<div>but the volume of <em>new mappers</em> is significant and increasing</div>
<div><em>bots & imports</em> are vital for making things work</div>
<div><em>the hope</em> is that tools like iD will increase conversion rates</div>
<div>/cutting room floor/</div>
<div><img src='before-changes.png' /></div>
<div><img src='user-lives.png' /></div>
<div>/tabs/</div>
<div>thanks!</div>