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 / README.md
Created June 13, 2016 20:58
fresh block
@biovisualize
biovisualize / modules.json
Created May 31, 2016 14:38
D3 v4 modules
{
"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 14:43
world population tripel
<!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 15:18
Some notes about an implementation of the datavis pipeline
<!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 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 May 21, 2016 21:17
Soil composition ternary plot
<!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 August 25, 2022 02:04
Planet OS point API basic demo
@biovisualize
biovisualize / README.md
Last active March 23, 2016 01:34
Piper.js multiple chart

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

@biovisualize
biovisualize / README.md
Created March 6, 2016 05:40
1-D Random Walk

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

@biovisualize
biovisualize / README.md
Last active March 6, 2016 05:22
Minimal stem-and-leaf plot