Skip to content

Instantly share code, notes, and snippets.

View mtandre's full-sized avatar

Michael Andre mtandre

26 followers · 4 following
View GitHub Profile
@mtandre
mtandre / .block
Last active October 23, 2017 14:36
City Population Rank 1790-2010
height: 400
@mtandre
mtandre / index.html
Last active October 7, 2017 04:11
jsonline.com homepage story network
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>network chart: jsoline.com 4-deep homepage crawl</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<style>
@mtandre
mtandre / index.html
Last active October 2, 2017 07:15
usa map
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>map</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
</head>
@mtandre
mtandre / index.html
Last active October 2, 2017 04:41
stacked bar chart with legend
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>stacked bar chart</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
text { font-family:monospace; font-size:12px; }
@mtandre
mtandre / index.html
Created September 30, 2017 20:28
computer contents
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>doughnut chart</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
text { text-anchor:middle; font-family:monospace; font-size:11px; }
@mtandre
mtandre / index.html
Last active September 30, 2017 19:07
polka dots
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>scatter plot 2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
text { font-family:monospace; font-size:11px; }
@mtandre
mtandre / index.html
Last active September 30, 2017 08:50
Sullivan, WI snow depth early 2016
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>line chart</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
text { font-family:monospace; font-size:11px; }
@mtandre
mtandre / index.html
Last active September 30, 2017 07:01
Live updating, sortable?, bar chart
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>bar chart 3</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
text { text-anchor:middle; font-family:monospace; font-size:11px; }
@mtandre
mtandre / index.html
Last active September 27, 2017 05:57
Animated random bar chart
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>bar chart 2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
text { text-anchor:middle; font-family:monospace; font-size:11px; }
@mtandre
mtandre / index.html
Last active September 26, 2017 14:33
Random scatter plots
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>scatter plot</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
.axis path, .axis line {shape-rendering: crispEdges;}