Chris Viau biovisualize

This is a JSON dump of the D3 gallery as a first step for its complete redesign. It also shows a minimalist templating system.

Create a new public gist on https://gist.github.com/
Under "Clone this gist", copy the link (i.e., https://gist.github.com/4415518.git)
If you have the command line git tools, clone this gist to a local folder: git clone https://gist.github.com/4415518.git
It will add a folder with the gist id as a name (i.e., 4415518) under the current working directory. Navigate to this folder in the command line: cd 4415518 (dir 4415518 on windows)
Navigate to this folder in your file explorer and add an image (i.e., test.png)
Add it to git from the command line: git add test.png
Commit it to git: git commit -m "I just added a file!"
Push this commit to your remote gist (you will need your Github user name and password): git push
Go back and refresh your Gist on https://gist.github.com/ to confirm that it worked

The 16 federal states of Germany. Practise and see if you can remind their names.
Inspired by Mike Bostock 'click-to-zoom via transform' US map

Fix for the 16 federal states of Germany. Practice and see if you can remind their names.
Inspired by Mike Bostock 'click-to-zoom via transform' US map

	<!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

	var Flipper = function(d, i){
	var size = [300, 300],
	margin = [0, 0, 0, 0],
	flipSpeed = 0.6,
	frontParent, backParent;
	var dispatch = d3.dispatch("hover");

	function exports(_selector){
	var parent = d3.select(_selector)
	var contentWidth = size[0] - margin[0] - margin[2];

	<!doctype html>
	<html>
	<head>
	<title></title>
	<meta charset=utf-8>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	<script type="text/javascript" src="https://raw.github.com/square/crossfilter/master/crossfilter.min.js"></script>
	<style>
	.menu1-container, .menu2-container, .menu3-container{
	position: relative;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">

	<script src="http://d3js.org/d3.v2.min.js"></script>
	<style>

	body {
	font: 10px sans-serif;