Skip to content

Instantly share code, notes, and snippets.

View koaning's full-sized avatar

vincent d warmerdam koaning

2.3k followers · 1 following
View GitHub Profile
@koaning
koaning / index.html
Last active December 12, 2015 00:28
RISK visualisation
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
stroke: #fff;
stroke-width: 1.5px;
}
.link {
@koaning
koaning / index.html
Created January 31, 2013 15:49
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
stroke: #fff;
stroke-width: 1.5px;
}
@koaning
koaning / index.html
Created February 8, 2013 22:03
tangleJS
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Tangle document</title>
<!-- Tangle -->
<script type="text/javascript" src="http://worrydream.com/Tangle/Tangle.js"></script>
<!-- TangleKit (optional) -->
<link rel="stylesheet" href="http://worrydream.com/Tangle/TangleKit/TangleKit.css" type="text/css">
@koaning
koaning / index.html
Created February 8, 2013 22:29
simplebar
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v3.min.js"></script>
<style type="text/css">
/* No style rules here yet */
</style>
</head>
<body>
@koaning
koaning / index.html
Created February 18, 2013 23:23
business plan calculator
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Tangle document</title>
<!-- Tangle -->
<script type="text/javascript" src="http://worrydream.com/Tangle/Tangle.js"></script>
<!-- TangleKit (optional) -->
<link rel="stylesheet" href="http://worrydream.com/Tangle/TangleKit/TangleKit.css" type="text/css">
@koaning
koaning / index.html
Created August 18, 2013 19:33
football '13
<!DOCTYPE html>
<html>
<head>
<title>The d3 test</title>
<style>
.chart {
}
.main text {
@koaning
koaning / leaflet starter
Last active December 23, 2015 10:49
leaflet starter snippet
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<div id="map" style="width: 600px; height: 400px; position: relative;" class="leaflet-container leaflet-fade-anim" tabindex="0">
</div>
<script>
var map = L.map('map').setView([51.508, -0.11], 17);
@koaning
koaning / states.json
Created September 19, 2013 14:52
united states json
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@koaning
koaning / index.html
Last active December 27, 2015 14:49
2d slider ui idea with d3
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc2/css/bootstrap.css">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.3.9/d3.min.js"></script>
<style type="text/css">
body{
}
@koaning
koaning / linearparams.r
Created March 11, 2014 12:44
this gist contains a small script that generates data and looks for suitable linear regression parameters
# define model
y = function(x){
return (2*x + 5 + rnorm(length(x)))
}
# generate data
X = rnorm(40)
df = data.frame(X, y(X))
ggplot(df, aes(X,y.X.))+geom_point()