Skip to content

Instantly share code, notes, and snippets.

@biovisualize
biovisualize / .block
Created June 8, 2021 17:49
Chinese ascii fork from @enjalot
license: mit
@biovisualize
biovisualize / index.html
Created September 11, 2011 12:07
Download generated SVG with preview (from mbostock)
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<title>Download SVG</title>
<style type="text/css">
a{
cursor: pointer;
text-decoration: underline;
color: black;
@biovisualize
biovisualize / index.html
Created May 1, 2013 16:49
Cellular Automaton Maze
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<script type='text/javascript' src="http://mbostock.github.com/d3/d3.js"></script>
<style type='text/css'>
.cell{
stroke: none;
}
@biovisualize
biovisualize / index.html
Created December 20, 2012 19:48
Basic Reusable Slopegraph
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<script type='text/javascript' src="http://d3js.org/d3.v2.js"></script>
<script type='text/javascript' src="slopegraph.js"></script>
<style type='text/css'>
line.slope-line{
stroke:green
@biovisualize
biovisualize / top10b_airports.json
Created October 4, 2019 16:05
top10 airports b
{"nodes":[{"id":"ORD","color":"#a6cee3"},{"id":"BRL","color":"silver"},{"id":"DEC","color":"silver"},{"id":"ATL","color":"#1f78b4"},{"id":"LWB","color":"silver"},{"id":"MCN","color":"silver"},{"id":"MEI","color":"silver"},{"id":"MSL","color":"silver"},{"id":"PIB","color":"silver"},{"id":"TUP","color":"silver"},{"id":"AMS","color":"#b2df8a"},{"id":"NDR","color":"silver"},{"id":"TNG","color":"silver"},{"id":"PEK","color":"#33a02c"},{"id":"CKG","color":"silver"},{"id":"CTU","color":"silver"},{"id":"WXN","color":"silver"},{"id":"ZHY","color":"silver"},{"id":"LAX","color":"#fb9a99"},{"id":"LAS","color":"silver"},{"id":"DFW","color":"#e31a1c"},{"id":"EZE","color":"silver"},{"id":"JFK","color":"#fdbf6f"},{"id":"MEX","color":"silver"},{"id":"HAM","color":"silver"},{"id":"CDG","color":"#ff7f00"},{"id":"FRA","color":"#cab2d6"},{"id":"HDF","color":"silver"},{"id":"LHR","color":"#6a3d9a"},{"id":"CGN","color":"silver"},{"id":"STR","color":"silver"},{"id":"TXL","color":"silver"},{"id":"MNL","color":"silver"},{"id":"KMG","c
@biovisualize
biovisualize / top10_airports.json
Created September 14, 2019 16:11
top10 airports
{"nodes":[{"id":"ORD","color":"#a6cee3"},{"id":"BRL","color":"silver"},{"id":"DEC","color":"silver"},{"id":"ATL","color":"#1f78b4"},{"id":"LWB","color":"silver"},{"id":"MCN","color":"silver"},{"id":"MEI","color":"silver"},{"id":"MSL","color":"silver"},{"id":"PIB","color":"silver"},{"id":"TUP","color":"silver"},{"id":"AMS","color":"#b2df8a"},{"id":"NDR","color":"silver"},{"id":"TNG","color":"silver"},{"id":"PEK","color":"#33a02c"},{"id":"CKG","color":"silver"},{"id":"CTU","color":"silver"},{"id":"WXN","color":"silver"},{"id":"ZHY","color":"silver"},{"id":"LAX","color":"#fb9a99"},{"id":"LAS","color":"silver"},{"id":"DFW","color":"#e31a1c"},{"id":"EZE","color":"silver"},{"id":"JFK","color":"#fdbf6f"},{"id":"MEX","color":"silver"},{"id":"HAM","color":"silver"},{"id":"CDG","color":"#ff7f00"},{"id":"FRA","color":"#cab2d6"},{"id":"HDF","color":"silver"},{"id":"LHR","color":"#6a3d9a"},{"id":"CGN","color":"silver"},{"id":"STR","color":"silver"},{"id":"TXL","color":"silver"},{"id":"MNL","color":"silver"},{"id":"KMG","c
@biovisualize
biovisualize / index.html
Created September 11, 2019 22:55
Network viz, 2d version
<html>
<head>
<script src="//unpkg.com/force-graph"></script>
<style>
body { margin: 0; }
</style>
</head>
<body>
<div id="graph"></div>
<script>
@biovisualize
biovisualize / top20b_airports.js
Created September 11, 2019 22:34
top20b_airports
{"nodes":[{"id":"ORD","color":"rgba(166,206,227,0.3)"},{"id":"BRL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"DEC\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"BCN","color":"rgba(31,120,180,0.3)"},{"id":"BJL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HKG","color":"rgba(178,223,138,0.3)"},{"id":"SIN\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"SIN","color":"rgba(51,160,44,0.3)"},{"id":"BKK\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"DRW\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HAK\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HGH\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HKG\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HKT\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"KUL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"MNL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"PEN\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"PER\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"PNH\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"REP\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"RGN\r","color":"rgba(200, 200,
@biovisualize
biovisualize / index.html
Last active September 11, 2019 22:33
Network viz
<html>
<head>
<script src="//unpkg.com/3d-force-graph"></script>
<style>
body { margin: 0; }
</style>
</head>
<body>
<div id="3d-graph"></div>
<script>
@biovisualize
biovisualize / top20_airports.json
Created September 6, 2019 17:34
Top 20 airports with most traffic
{"nodes":[{"id":"ORD","color":"#a6cee3"},{"id":"BRL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"DEC\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"BCN","color":"#1f78b4"},{"id":"BJL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HKG","color":"#b2df8a"},{"id":"SIN\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"SIN","color":"#33a02c"},{"id":"BKK\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"DRW\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HAK\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HGH\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HKG\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"HKT\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"KUL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"MNL\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"PEN\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"PER\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"PNH\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"REP\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"RGN\r","color":"rgba(200, 200, 200, 0.3)"},{"id":"SGN\r","color":"rgba(200, 200, 20