Skip to content

Instantly share code, notes, and snippets.

@allardw
allardw / index.html
Last active October 12, 2017 15:26
Randomly distributed regions
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
fill: steelblue;
opacity: 0.9;
}
circle {
display: none;
fill: steelblue;
@allardw
allardw / index.html
Last active December 29, 2015 12:40
'Mickey Mouseover' menu
<!DOCTYPE html>
<meta charset="utf-8">
<style>
circle {
stroke:white;
}
circle.node {
fill:lightgrey;
}
circle.rood {
@allardw
allardw / README.md
Last active February 27, 2020 14:34
Eerste eilegdatum zangvogels

Eerste eilegdatum zangvogels, 1986-2014

De laatste decennia zijn zangvogels eerder gaan broeden, wellicht vanwege hogere temperaturen in het voorjaar. In dit figuur staat voor 44 zangvogels aangegeven waneer het eerste ei gelegd werd in de periode van 1986 tot en met 2014. Goed te zien is hoe deze vogels steeds vroeger in het jaar hun eieren leggen.

Bron data: compendiumvoordeleefomgeving.nl

@allardw
allardw / data.json
Last active June 9, 2016 13:14
Custom path generator
{
"indicators": [
{
"indicator": "Q1_1",
"desc": "Public transport"
},
{
"indicator": "Q1_11",
"desc": "No complaints about noise level"
},
@allardw
allardw / README.md
Last active June 14, 2016 12:12
Dutch weather coffee cup

This animation shows a representation of montly mean temperatures from 1906-2016 in the Netherlands.

Inspiration for this datavizualization came from the climate spiral by Ed Hawkins and the Measuring Cup by Mitchell Whitelaw

Data source: KNMI

@allardw
allardw / README.md
Last active June 28, 2016 14:08
Voroni & Chromatic Scale

Creates a d3-voronoi diagram for a couple of random coordinates. The color of the polygons is defined by a continuous color scheme based on ColorBrewer using d3-scale-chromatic.

Example in D3 v4.0

@allardw
allardw / README.md
Last active July 3, 2020 17:56
Map of Europe in EEA's projection

For maps the EEA uses the ETRS_1989_LAEA_52N_10E coordinate system. This example shows how to get a similair projection with lat-lon data. The key parameters to get the right projection are:

The transverse Mercator projection
d3.geoTransverseMercator()

The center of the projection is on 10E 52N
projection.center([10,52])