Skip to content

Instantly share code, notes, and snippets.

@mapsense-examples
mapsense-examples / index.html
Last active August 29, 2015 14:26
mapsense + geoprocessing (buffer)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
<script src="mapsense.js" charset="utf-8"></script>
<!--
@mapsense-examples
mapsense-examples / index.html
Last active August 29, 2015 14:25
vector labels
<!doctype html>
<html>
<head>
<meta charset=utf-8 />
<title>Labels Test</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.js" charset="utf-8"></script>
<!--script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script-->
<script src="mapsense.labels.js" charset="utf-8"></script>
<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/>
@mapsense-examples
mapsense-examples / index.html
Created July 25, 2015 06:17
svg coastal filter/fade
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
<script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script>
<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/>
@mapsense-examples
mapsense-examples / cd113.topojson
Last active August 29, 2015 14:25
Gerrymandering Quantified
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@mapsense-examples
mapsense-examples / flag_map.png
Last active August 29, 2015 14:25
fills of flags
flag_map.png
@mapsense-examples
mapsense-examples / index.html
Last active August 29, 2015 14:24
Point-in-polygon info
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
<script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script>
<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/>
@mapsense-examples
mapsense-examples / index.html
Created June 30, 2015 20:11
Exploring Hurricanes with Mapsense
<!doctype html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
<script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script>
<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet" />
<style>
html, body, #myMap {
@mapsense-examples
mapsense-examples / README.mkd
Last active August 29, 2015 14:23
query OSM points 1.1

Here we compare the geospatial distribution between two terms in OpenStreetMap points of interest. Click "Next" to load a new example comparison. Or put any words you want in the input boxes to see where they occur in OSM.

@mapsense-examples
mapsense-examples / README.mkd
Last active August 29, 2015 14:23
query OpenStreetMap points
@mapsense-examples
mapsense-examples / index.css
Created June 20, 2015 00:24
select OpenStreetMap points
html, body, #myMap {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
font: 14px 'Droid Sans', sans-serif;
color: #666;
}
.ms {