Skip to content

Instantly share code, notes, and snippets.

@biovisualize
biovisualize / index.html
Last active May 26, 2016 17:27 — forked from jeremycflin/d3-tip.js
world population
<!DOCTYPE html>
<meta charset="utf-8">
<style>
svg{
/*border: 1px solid silver;*/
}
</style>
<body>
<div class="map-container"></div>
<!DOCTYPE html>
<html>
<head>
<title>Testing d3.js in Leaflet.js</title>
<link rel="stylesheet" href="leaflet.css"></link>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<style type="text/css">
svg , g
@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.

<!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;
<!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>
<!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 / 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);
@biovisualize
biovisualize / README.md
Last active December 31, 2015 18:29 — forked from vectorsize/README.md

Mouseover to draw circles!

This is a quick proof-of-concept example demonstrating how to create a canvas scenegraph in the DOM using document fragments. The scenegraph in this example consists of a simple container svg element and a number of child circle elements.

The content positions and sizes are calculated offline and the actual DOM tree doesn't even need to be aware of out svg. To render them, we use a timer that iterates over the child elements and draws them to a canvas element.

This is a modification of the original DOM-to-Canvas using D3 proof of conncept.

@biovisualize
biovisualize / index.html
Last active December 29, 2015 15:38 — forked from cfergus/index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://d3js.org/d3.v2.js"></script>
<script type="text/javascript" src="https://rawgithub.com/cfergus/d3-plugins/master/sankey/sankey.js"></script>
<title>Sankey Diagram</title>
<style>
@biovisualize
biovisualize / .project
Last active December 25, 2015 01:49 — forked from aogriffiths/.project
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>1797418-slice and dice</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>