Chris Viau biovisualize

## index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<title></title>
</head>
<style type="text/css">
</style>
<body>

## index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<title>Download SVG</title>
<style type="text/css">
#download{
    cursor: pointer;
    text-decoration: none;
    color: black;

## index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<title>D3-Inkscscape tutorial</title>
</head>
<body>
<div id="viz"></div>
<a href="#" id="download">Download</a>
<script type="text/javascript">

## index.html
<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
</head>
<body>
    <div id="viz"></div>
    <script type="text/javascript">
(function(){bio = {};

## index.html
<!DOCTYPE html>
<html>
<head>
<title>Bar Chart</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.0.0"></script>
<style type="text/css">
body {
font: 10px sans-serif;
}
svg {

## index.html
<html>
<head>
<title></title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<style type="text/css">
.domain{
display: none;
}
</style>
</head>

## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                biovisualize
                / README.md
            
            
              Last active
              March 4, 2016 22:43
            
              
                D3 chart plugin template
              
          
    A template example to write simple chart plugins on top of D3. It is a base for discussion, so your are much welcome to modify it and comment it. The requirements are discussed on the wiki.
This implementation provides: div or svg parent, variants (bars or stacked bars), position, relative position (after or under another chart of the same svg parent), margins, gap between bars (in %), transition duration, separated data and labels (to discuss), uses axis component (to complete), chart size taken from the parent and will resize with it, all items accessible from CSS for styling, most options optional, automatic redraw on setting change and zero argument returns the value.
In this example, the first bar chart data updates periodically and a mouse click changes chart type.

  
## index.html
<!DOCTYPE html>
<html >
<head>
    <script type="text/javascript" src="http://github.com/mbostock/d3/raw/v1.8.2/d3.js"></script>
</head>
<body>
<div id="vis_div_id1" style="position:absolute;"></div>
<div id="vis_div_id2" style="position:absolute;left:500px"></div>
<script type="text/javascript">

## index.html
<!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>

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script>
    <script type="text/javascript" src="./tooltip.js"></script>
</head>
<body>
<div class="viz"></div>
<script type="text/javascript">
	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
	<title></title>
	</head>
	<style type="text/css">
	</style>
	<body>
	<!DOCTYPE html>
	<html >
	<head>
	<script type="text/javascript" src="http://github.com/mbostock/d3/raw/v1.8.2/d3.js"></script>
	</head>
	<body>
	<div id="vis_div_id1" style="position:absolute;"></div>
	<div id="vis_div_id2" style="position:absolute;left:500px"></div>
	<script type="text/javascript">
	<!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>