Test for the version of the Lasso on d3-plugins.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
svg{ | |
/*border: 1px solid silver;*/ | |
} | |
</style> | |
<body> | |
<div class="map-container"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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); |
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<projectDescription> | |
<name>1797418-slice and dice</name> | |
<comment></comment> | |
<projects> | |
</projects> | |
<buildSpec> | |
</buildSpec> | |
<natures> | |
</natures> |
NewerOlder