@biovisualize Chris Viau biovisualize

@biovisualize biovisualize / index.html
Last active Jul 9, 2016
D3 workshop
View index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v3.js"></script>
<style>
</style>
</head>
<body>
<div class="first">Box 1</div>
<div class="second">Box 2</div>
@biovisualize biovisualize / README.md
Created Jun 13, 2016
fresh block
View README.md
@biovisualize biovisualize / modules.json
Created May 31, 2016
D3 v4 modules
View modules.json
{
"d3-array": {
"dependencies": [],
"description": "Array manipulation, ordering, searching, summarizing, etc.",
"exported": ["version", "bisect", "bisectRight", "bisectLeft", "ascending", "bisector", "descending", "deviation", "extent", "histogram", "thresholdFreedmanDiaconis", "thresholdScott", "thresholdSturges", "max", "mean", "median", "merge", "min", "pairs", "permute", "quantile", "range", "scan", "shuffle", "sum", "ticks", "tickStep", "transpose", "variance", "zip"]
},
"d3-axis": {
"dependencies": ["d3-scale", "d3-selection", "d3-transition"],
"description": "Displays automatic reference lines for scales.",
"exported": ["version", "axisTop", "axisRight", "axisBottom", "axisLeft"]
@biovisualize biovisualize / index.html
Last active May 27, 2016
world population tripel
View index.html
<!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 May 25, 2016
Some notes about an implementation of the datavis pipeline
View index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Datavis Pipeline</title>
</head>
<a>
<h1>An implementation of the visualization pipeline</h1>
<h2>D3.js Charts Library</h2>
@biovisualize biovisualize / index.html
Last active May 26, 2016 — forked from jeremycflin/d3-tip.js
world population
View index.html
<!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 May 21, 2016
Soil composition ternary plot
View index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v3.min.js"></script>
<style>
svg {
border: 1px solid silver;
}
@biovisualize biovisualize / README.md
Last active Apr 13, 2016
Planet OS point API basic demo
View README.md
@biovisualize biovisualize / README.md
Last active Mar 23, 2016
Piper.js multiple chart
View README.md

Development version of Piper.js showing how to build multiple charts sharing modules.

@biovisualize biovisualize / README.md
Created Mar 6, 2016
1-D Random Walk
View README.md

Foundations of D3: Manual Scaling

A 1-dimensional random walk visualized. To better understand what scales are doing, avoids using D3's build in scales and instead manually computes a step size as well as a starting position from which to walk.

  1. You should use blockbuilder.org and the following Javascript and d3 functions to adjust the num_steps and radius to see how the path changes
  2. Once you have a feel for the parameters, make a line chart instead. For extra credit gradient encode the random walk path.

Reference