Skip to content

Instantly share code, notes, and snippets.

View renecnielsen's full-sized avatar

René Clausen Nielsen renecnielsen

19 followers · 43 following
View GitHub Profile
@renecnielsen
renecnielsen / index.html
Last active January 2, 2016 15:38 — forked from andrewxhill/index.html
CartoDB Map with Layers
<!DOCTYPE html>
<html>
<head>
<title>Post-2015 Map | UN Global Pulse | 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" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />
<!--[if lte IE 8]>
@renecnielsen
renecnielsen / README.md
Last active August 29, 2015 13:57 — forked from mbostock/.block
Small Multiples with separate y-scales

A variant of Mike Bostock's small multiples example which, instead of resetting the domain of the y-scale every time it is used, creates a separate y-scale for each multiple.

This a version tailored for a project for UN Global Pulse.

@renecnielsen
renecnielsen / README.md
Last active August 29, 2015 13:57 — forked from mbostock/.block
Post-2015 World Tour with Category Menu and Bar Chart
@renecnielsen
renecnielsen / index.html
Last active October 6, 2023 00:06 — forked from bunkat/index.html
Swimlane
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Swimlane Chart</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
</head>
<body>
@renecnielsen
renecnielsen / index.html
Last active August 29, 2015 13:57 — forked from mbostock/.block
Google Map (Grey) + D3
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=visualization"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,300" rel='stylesheet' type='text/css'>
<style type="text/css">
html, body, #map {
@renecnielsen
renecnielsen / README.md
Last active August 29, 2015 13:57 — forked from mbostock/.block
Chord diagram

Chord diagrams show directed relationships among a group of entities. This example also demonstrates simple interactivity by using mouseover filtering. Layout inspired by Martin Krzywinski's beautiful work on Circos.

@renecnielsen
renecnielsen / README.md
Last active August 29, 2015 13:57 — forked from mbostock/.block
Bilevel Partition

Click on any arc to zoom in. Click in the center to zoom out.

A sunburst is similar to a treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by John Stasko. Data courtesy Jeff Heer.

@renecnielsen
renecnielsen / index.html
Last active August 29, 2015 13:57 — forked from mbostock/.block
Hierarchical Edge Bundling
<!DOCTYPE html>
<meta charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
<style>
.node {
font: 300 10px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
fill: #bbb;
}
@renecnielsen
renecnielsen / README.md
Last active August 29, 2015 13:57 — forked from mbostock/.block
Treemap

A treemap recursively subdivides area into rectangles; the area of any node in the tree corresponds to its value. This example uses color to encode different packages of the Flare visualization toolkit. Treemap design invented by Ben Shneiderman. Squarified algorithm by Bruls, Huizing and van Wijk. Data courtesy Jeff Heer.

@renecnielsen
renecnielsen / README.md
Last active August 29, 2015 13:57 — forked from mbostock/.block
Zoomable Circle Packing