Skip to content

Instantly share code, notes, and snippets.

View larskotthoff's full-sized avatar

Lars Kotthoff larskotthoff

83 followers · 0 following
View GitHub Profile
@larskotthoff
larskotthoff / README.md
Last active December 31, 2015 13:29 — forked from mbostock/.block

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.

@larskotthoff
larskotthoff / index.html
Last active January 1, 2016 19:59 — forked from Guerino1/index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Testing Pie Chart</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.4.5"></script>
<!-- Source for example located at: http://bl.ocks.org/1203641 -->
@larskotthoff
larskotthoff / index.html
Last active January 2, 2016 15:39 — forked from mbostock/.block
<!DOCTYPE html>
<meta charset="utf-8">
<style>
rect {
stroke: #fff;
}
</style>
<body>
@larskotthoff
larskotthoff / README.md
Last active January 3, 2016 06:39 — forked from mbostock/.block

Designed by Stephen Few, a bullet chart “provides a rich display of data in a small space.” A variation on a bar chart, bullet charts compare a given quantitative measure (such as profit or revenue) against qualitative ranges (e.g., poor, satisfactory, good) and related markers (e.g., the same measure a year ago). Layout inspired by Stephen Few. Implementation based on work by Clint Ivy, Jamie Love of N-Squared Software and Jason Davies. The "update" button randomizes the values slightly to demonstrate transitions.

@larskotthoff
larskotthoff / README.md
Last active January 3, 2016 06:49 — forked from mbostock/.block

This simple force-directed graph shows character co-occurence in Les Misérables. A physical simulation of charged particles and springs places related characters in closer proximity, while unrelated characters are farther apart. Layout algorithm inspired by Tim Dwyer and Thomas Jakobsen. Data based on character coappearence in Victor Hugo's Les Misérables, compiled by Donald Knuth.

Compare this display to a force layout with curved links, a force layout with fisheye distortion and a matrix diagram.

@larskotthoff
larskotthoff / README.md
Last active January 3, 2016 17:09 — forked from mbostock/.block
@larskotthoff
larskotthoff / index.html
Last active August 29, 2015 13:55
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.container {
width: 100%;
height: 500px;
@larskotthoff
larskotthoff / index.html
Last active August 29, 2015 13:55
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.container {
width: 600px;
height: 500px;
@larskotthoff
larskotthoff / d3js-circular-progress.html
Created February 3, 2014 09:56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.container {
width: 600px;
height: 500px;
float: left;
@larskotthoff
larskotthoff / README.md
Last active August 29, 2015 13:56