Skip to content

Instantly share code, notes, and snippets.

View biovisualize's full-sized avatar

Chris Viau biovisualize

147 followers · 0 following
View GitHub Profile
@biovisualize
biovisualize / index.html
Last active August 29, 2015 14:02 — forked from syntagmatic/index.html
<!DOCTYPE html>
<title>Render Queue</title>
<style type="text/css">
html, body { background: #f7f7f7; height: 100%; margin: 0; padding: 0; color: #b6b6b6; font-family: Ubuntu, Helvetica, sans-serif; font-size: 15px; line-height: 1.35em;}
a { color: #6be; text-decoration: none; }
#canvas { position: fixed; }
#center { position: absolute; top: 0; left: 0; margin: 40px; width: 520px; padding: 20px; background: #444; background: rgba(0,0,0,0.9); border-radius: 8px;}
h1 { margin-top:0; padding: 3px 0; font-size: 1.4em; }
h1, h3 { color: #f9f9f9; border-bottom: 1px solid #333; }
h3 { font-size: 1em; }
@biovisualize
biovisualize / index.html
Last active August 29, 2015 14:08 — forked from larskotthoff/index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://rawgit.com/larskotthoff/d3/axisarrange-tmp/d3.js"></script>
<style type="text/css">
.tick {
stroke: #000;
}
.tickPointer {
stroke: #888;
@biovisualize
biovisualize / README.md
Last active August 29, 2015 14:13 — forked from skokenes/README.md

Test for the version of the Lasso on d3-plugins.

@biovisualize
biovisualize / index.html
Last active September 1, 2015 19:52 — forked from larskotthoff/index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<script type="text/javascript" src="https://rawgit.com/biovisualize/b9a321c5038d24206356/raw/d6c542f19772b28d19c5be056f6f084ed6d71974/line-variable.js"></script>
</head>
<body>
<div id="linevar"></div>
@biovisualize
biovisualize / index.html
Created September 23, 2011 20:29 — forked from mbostock/.block
External SVG
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
</head>
<body>
<script type="text/javascript">
d3.xml("rect01.svg", "image/svg+xml", function(xml) {
var importedNode = document.importNode(xml.documentElement, true);
@biovisualize
biovisualize / index.html
Created October 3, 2011 02:31 — forked from ZJONSSON/index.html
Simple transitioning slides with SVG and D3 (from ZJONSSON)
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<script type="text/javascript" src="svg_slides.js"></script>
<script type="text/javascript">
// There are probably better ways of loading the SVG, but this is one example I found
@biovisualize
biovisualize / index.html
Created April 6, 2012 21:06
Zoom/pan map
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<!--
Zoom/pan map example: integrates d3.geo and d3.behavior
Iain Dillingham, http://dillingham.me.uk/
With help from Jason Davies, http://www.jasondavies.com/
-->
<title>Zoom/pan map example</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
@biovisualize
biovisualize / geodesic.js
Created July 17, 2012 22:12 — forked from mbostock/.block
Icosahedron
(function() {
var φ = 1.618033988749895,
ρ = 180 / Math.PI;
var vertices = [
[1,φ,0], [-1,φ,0], [1,-φ,0], [-1,-φ,0],
[0,1,φ], [0,-1,φ], [0,1,-φ], [0,-1,-φ],
[φ,0,1], [-φ,0,1], [φ,0,-1], [-φ,0,-1]
];
@biovisualize
biovisualize / compat.js
Created November 30, 2012 16:49
Sankey Viz using R2D3
// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/map
// Production steps of ECMA-262, Edition 5, 15.4.4.19
// Reference: http://es5.github.com/#x15.4.4.19
if (!Array.prototype.map) {
Array.prototype.map = function(callback, thisArg) {
var T, A, k;
if (this == null) {
throw new TypeError(" this is null or not defined");
@biovisualize
biovisualize / chart.js
Last active November 3, 2015 13:43 — forked from biovisualize/chart.js
visualization pipeline library (light theme)
// Utils
/////////////////////////
//Modified from http://scott.sauyet.com/Javascript/Talk/Compose/2013-05-22/#slide-28
var pipelineStart = (function(){
var chain = function(fn){
var f1 = function(g){
var func = function(){
return g.call(this, fn.apply(this, arguments));};
chain(func);