Bill Morris wboykinm

Creating an automatic strip map based on some geographic features and a chosen "spine." The approximate steps:

Pick a LineString (e.g. the Norway coast) to straighten out.
Simplify that LineString.
Turn that simplified LineString into a set of zones, one per segment.
Rotate/translate each zone to its destination position, anchoring it to the end of the previous segment and rotating it to match the desired angle (e.g. horizontal).
Warp the contents of each zone to the resulting rectangle with a bilinear warp.

Steps 4 & 5 are separate for this demo but they could be calculated in a single step in real life.

This choropleth encodes unemployment rates from 2008 with a quantize scale ranging from 0 to 15%. A threshold scale is a useful alternative for coloring arbitrary ranges.

GISDevs Slack Channel Members

A map of GISDev participants, based on the excellent work of Marc Neuwirth.

A Spinning globe with glowing city markers in D3.

Note: This visualization constantly recalculates and reprojects the position of over 4000 markers and thus needs a lot of computation power. Older computer and mobile devices might struggle with the rendering process. Furthermore the visualization is only optimized for Chrome browsers and might look different than expected when opened in other browsers.

By Patrick Stotz, inspired by Curran Kelleher's idea to plot a world map in D3 by using the GeoNames database as seen in his great Introdction to D3 video.

An example of a continuous gradient key that can be adopted whenever there is a need for a gradient coloring scheme.

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	font: 10px sans-serif;
	}

	.axis path,
	.axis line {

	-- Functions to create and draw histograms with PostgreSQL.
	-- psql> select * from show_histogram((select histogram(length(email), 0, 32, 6) FROM auth_user limit 100));
	-- bucket \| range \| count \| bar \| cumbar \| cumsum \| cumpct
	-- --------+-------------------------------------+-------+--------------------------------+--------------------------------+--------+------------------------
	-- 0 \| [0,5.33333333333333) \| 1 \| \| \| 1 \| 0.00273224043715846995
	-- 1 \| [5.33333333333333,10.6666666666667) \| 5 \| = \| \| 6 \| 0.01639344262295081967
	-- 2 \| [10.6666666666667,16) \| 149 \| ============================== \| ============= \| 155 \| 0.42349726775956284153
	-- 3 \| [16,21.3333333333333) \| 145 \| =========

	{
	"Arial Unicode MS": [
	"Arial Unicode MS Regular",
	"Arial Unicode MS Bold"
	],
	"Brokenscript OT": [
	"Brokenscript OT Bold",
	"Brokenscript OT Cond Bold"
	],
	"Brokenscript Rough OT": [

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8' />
	<title></title>
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.7.0/mapbox-gl.js'></script>
	<script src='tx.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.7.0/mapbox-gl.css' rel='stylesheet' />
	<style>