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 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>
@biovisualize
biovisualize / index.html
Last active March 18, 2016 06:21 — forked from ZJONSSON/index.html
<!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 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>
@biovisualize
biovisualize / index.html
Last active December 23, 2015 18:49 — forked from benjchristensen/index.html
<!--
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@biovisualize
biovisualize / data.json
Last active December 19, 2015 17:39 — forked from anonymous/d3sample.html
{"nodes":[
{"x":80, "r":40, "label":"Sam","info":"Developer"},
{"x":200, "r":60, "label":"Pam","info":"Programmer"},
{"x":380, "r":80, "label":"Ram","info":"Senior Programmer"}
]}
@biovisualize
biovisualize / index.html
Last active December 18, 2015 22:08 — forked from Guerino1/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en-US"
lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<title>My Force Directed Graph</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Description" content="This page tries to mix charts with html formatting and layout constructs." />
@biovisualize
biovisualize / README.md
Last active December 18, 2015 14:39 — forked from danielristic/README.md

This variation of a donut chart demonstrates how to update values. Clicking on the radio buttons changes the displayed metric.

Next: Animation

@biovisualize
biovisualize / index.html
Created May 20, 2013 00:48 — forked from rengel-de/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Timeline - Proof-of-concept</title>
<!-- That's my local d3 path. When working locally, use your local path. -->
<!--<script src="../../../lib/d3/d3.v3.js"></script>-->