Skip to content

Instantly share code, notes, and snippets.

View wboykinm's full-sized avatar

Bill Morris wboykinm

195 followers · 107 following
View GitHub Profile
@wboykinm
wboykinm / geojson-conversion.sh
Created February 5, 2014 15:04 — forked from benbalter/geojson-conversion.sh
# Bulk convert shapefiles to geojson using ogr2ogr
# For more information, see http://ben.balter.com/2013/06/26/how-to-convert-shapefiles-to-geojson-for-use-on-github/
# Note: Assumes you're in a folder with one or more zip files containing shape files
# and Outputs as geojson with the crs:84 SRS (for use on GitHub or elsewhere)
#geojson conversion
function shp2geojson() {
ogr2ogr -f GeoJSON -t_srs crs:84 "$1.geojson" "$1.shp"
}
@wboykinm
wboykinm / jsv2 polygons to geojson
Last active August 29, 2015 13:56 — forked from jlivni/jsv2 polygons to geojson
// gmaps js api v2 polygon overlays -> geojson
overlayToGeoJSON = function(o){
var feature={type:'Feature', geometry:{ type:'Polygon', coordinates:[]}};
for (var i=0; i < o.latlngs.length; i++){
feature.geometry.coordinates.push([o.latlngs[i].lng, o.latlngs[i].lat])
}
feature.properties = {hint:o.hint, html: o.infohtml}
return feature;
}
var results={type: "FeatureCollection", features: []};
@wboykinm
wboykinm / README.md
Last active August 29, 2015 13:56 — forked from kerryrodden/.block

This example shows how it is possible to use a D3 sunburst visualization (partition layout) with data that describes sequences of events.

A good use case is to summarize navigation paths through a web site, as in the sample synthetic data file (visit_sequences.csv). The visualization makes it easy to understand visits that start directly on a product page (e.g. after landing there from a search engine), compared to visits where users arrive on the site's home page and navigate from there. Where a funnel lets you understand a single pre-selected path, this allows you to see all possible paths.

Features:

  • works with data that is in a CSV format (you don't need to pre-generate a hierarchical JSON file, unless your data file is very large)
  • interactive breadcrumb trail helps to emphasize the sequence, so that it is easy for a first-time user to understand what they are seeing
  • percentages are shown explicitly, to help overcome the distortion of the data that occurs wh
@wboykinm
wboykinm / index.html
Last active August 29, 2015 13:56 — forked from mbostock/.block
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
width: 960px;
margin: auto;
position: relative;
}
@wboykinm
wboykinm / README.md
Created February 20, 2014 21:51 — forked from tnightingale/LICENSE.txt

Create a earthquake time range by clicking and dragging on the timeseries.

This map & chart shows earthquakes (magnitude 3.0 or greater) that occurred in the Canterbury region of New Zealand during the month of September, 2010.

The shade of the map circles show the depth of the earthquake. Lighter shades are shallower and darker shades are deeper.

The map is created using [Leaflet]. The earthquake layer is a custom [Leaflet] layer which uses d3js to generate a svg overlay.

Earthquake data sourced from GeoNet.

@wboykinm
wboykinm / index.html
Created February 23, 2014 15:11 — forked from bunkat/index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Chronological Diagram of Asia</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<style type="text/css">
.chart {
shape-rendering: crispEdges;
}
@wboykinm
wboykinm / index.html
Created February 23, 2014 15:11 — forked from rengel-de/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" lang="de" content="Zeitleiste, Zeitlinie, Zeitkarte, Geschichte, Chronologie">
<meta name="keywords" lang="en" content="Timeline, Timemap, History, Chronology">
<title>Timeline - Proof-of-concept</title>
<!-- That's my local d3 path. When working locally, use your local path. -->
@wboykinm
wboykinm / index.html
Created February 25, 2014 18:48 — forked from andrewxhill/index.html
<!DOCTYPE html>
<html>
<head>
<title>Client side hexgrid | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<style>
html, body, #map {
height: 100%;
@wboykinm
wboykinm / README.md
Last active August 29, 2015 13:56 — forked from mbostock/.block
@wboykinm
wboykinm / README.md
Last active August 29, 2015 13:57 — forked from NelsonMinar/README.md
vectors from tilestache test

Fun with vector maps

Quick TopoJSON vector tile demo map, derived from Nelson Minar's awesome work.

A goofy slippy map of various vector tile data sources.

Want to make maps like this? See my vector tiles tutorial.

Tested with Chrome. If the background tiles are pepto-bismol pink instead of gunmetal grey, your browser doesn't support -webkit-filter.