Skip to content

Instantly share code, notes, and snippets.

@ZJONSSON
ZJONSSON / index.html
Created June 20, 2012 01:21
D3 + Leaflet (fork mbostock)
<!DOCTYPE html>
<title>D3 + Leaflet (fork from bost.ocks.org/mike/leaflet/)</title>
<style>
#map { width: 960px; height: 500px;}
path { fill: #000; fill-opacity: .2; stroke: #fff; stroke-width: 1.5px;}
path:hover { fill: brown;fill-opacity: .7;}
</style>
<p id="map"><p>
<script src="http://d3js.org/d3.v2.min.js?2.9.3"></script>
<script src="leaflet.js"></script>
@ZJONSSON
ZJONSSON / index.html
Last active October 6, 2015 09:57
barStack - stacking with negative values
<!DOCTYPE html>
<html>
<head>
<script src="http://mbostock.github.com/d3/d3.v2.js"></script>
<title>barStack</title>
<style>
.axis text {
font: 10px sans-serif;
}
.axis path, .axis line {
@ZJONSSON
ZJONSSON / index.html
Created June 23, 2012 21:09
barStack (flex layout)
<!DOCTYPE html>
<html>
<head>
<script src="http://mbostock.github.com/d3/d3.v2.js"></script>
<title>barStack</title>
<style>
.axis text {
font: 10px sans-serif;
}
.axis path, .axis line {
@ZJONSSON
ZJONSSON / index.html
Created July 11, 2012 01:47 — forked from pere/index.html
testing circles in Leaflet.js (working)
<!DOCTYPE html>
<html>
<head>
<title>Testing d3.js in Leaflet.js</title>
<link rel="stylesheet" href="leaflet.css"></link>
<script src="http://mbostock.github.com/d3/d3.v2.js?2.8.1"></script>
<script src="http://code.leafletjs.com/leaflet-0.3.1/leaflet.js"></script>
<style type="text/css">
svg , g
@ZJONSSON
ZJONSSON / index.html
Created August 1, 2012 19:06 — forked from syntagmatic/index.html
Scatterplot (WebGL-2D)
<!doctype html>
<link rel="stylesheet" type="text/css" href="style.css" />
<h1>Nutrient Scatterplot (WebGL-2D)</h1>
<canvas id="chart"></canvas>
<div id="controls">
<span id="hover-food"></span><br/>
X axis <select id="xaxis"></select><br/>
Y axis <select id="yaxis"></select><br/>
@ZJONSSON
ZJONSSON / cards.svg
Created August 10, 2012 14:54
Blackjack?
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@ZJONSSON
ZJONSSON / README.md
Created August 27, 2012 18:14
zQuiz rendered with jQuizMe
@ZJONSSON
ZJONSSON / index.html
Created August 30, 2012 11:21 — forked from mbostock/.block
D3 Hive Plot (Areas) - std expose
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.arc {
fill-opacity: .2;
}
.axis .fill {
stroke: #aaa;
@ZJONSSON
ZJONSSON / index.html
Created August 30, 2012 18:05 — forked from mbostock/.block
D3 Hive Plot (Areas) - evil exposure
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.arc {
fill-opacity: .2;
}
.axis .fill {
stroke: #aaa;
@ZJONSSON
ZJONSSON / d3.f.js
Created September 20, 2012 11:43
d3.f
// Function helpers for various array functions
d3.f = {}
d3.f.get = function (key) {
return function(d) {
return typeof key === "function" ? key(d) : d[key]
}
};