Skip to content

Instantly share code, notes, and snippets.

View mph006's full-sized avatar

Matt Herman mph006

11 followers · 12 following
View GitHub Profile
@mph006
mph006 / index.html
Created June 26, 2016 00:02
D3 Lava Lamp
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
<link rel="stylesheet" type="text/css" href="./lavaLamp.css">
</head>
<body>
<div id="gooContainer">
@mph006
mph006 / circularView.js
Last active April 1, 2016 13:52
Org Chart - Cluster Layout
queue()
.defer(d3.csv,"sampleData.csv")
.await(ready);
var height = document.getElementById("tree-container").offsetHeight;
var width = document.getElementById("tree-container").offsetWidth;
var avatarRadius = 20;
var translateOffset = 25;
var radius = d3.min([height,width]) / 2;
@mph006
mph006 / data.js
Last active April 4, 2018 22:15
Tree Traversals
//Dummy tree structure
var treeData = [{children:[{children:[{},{},{}]},{children:[{children:[{}]}]},{},{children:[{},{children:[{},{}]}]}]}];
@mph006
mph006 / data.js
Last active June 27, 2017 19:44
Basic Data Update & Linear Regression
var allData =[{
Rating:2.5,
Count:3,
Duration:30,
},{
Rating:4,
Count:5,
Duration:120,
},{
Rating:3,
@mph006
mph006 / index.html
Last active March 3, 2016 18:25
Sparklines
<!DOCTYPE html>
<html>
<head>
<title>D3 Sparklines</title>
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="sparklines.css"/>
</head>
@mph006
mph006 / calendar.css
Last active March 2, 2016 02:39
Basic Interactive Calendar
body{
font-family: Helvetica;
}
#calendar-title{
display: block;
position: relative;
width: 70%;
margin-left: 15%;
text-align: center;
@mph006
mph006 / data.js
Last active March 2, 2016 01:53
Basic Updatable Timeseries
var data = {
quarterly:[{
date:"Q3 14'",
numberOfThings:2222,
percentageOfThings:20,
priceOfThings:50
},{
date:"Q4 14'",
numberOfThings:2780,
percentageOfThings:29,
@mph006
mph006 / data_org.csv
Last active March 7, 2023 18:35
Org Chart (Flat CSV Load)
Associate Manager
Matt Herman John Smith
Jane Doe John Smith
Adam Brown John Smith
Susan Jones John Smith
Mike Harris John Smith
John Smith Colin Kraus
Colin Kraus Ashley Carlin
Ashley Carlin Lia McDermott
Evan Park Lia McDermott
@mph006
mph006 / index.html
Created July 31, 2015 01:28
Olympic 100M Dash Medals - Chart Resizing, Event Listeners, Voronoi Overlay
<!DOCTYPE html>
<meta charset="utf-8">
<title>Olympics 100 Meter Dash</title>
<style type="text/css">
body {
font-family: arial, sans;
font-size: 13px;
margin: 10px auto;
max-width:900px;
@mph006
mph006 / all-countries.tsv
Last active August 29, 2015 14:25
Historical Income by Country and Income Percentile - D3 update
dataset cop5 cop10 cop20 cop30 cop40 cop50 cop60 cop70 cop80 cop90 cop95
LIS - Australia 1981 6,910 8,290 10,900 13,232 15,207 17,427 19,965 23,055 26,945 32,439 37,458
LIS - Australia 1985 6,864 8,222 10,534 12,838 14,984 17,389 20,013 22,838 26,724 32,491 38,118
LIS - Australia 1989 6,555 8,190 10,714 12,931 15,138 17,559 20,412 23,613 27,692 33,881 39,931
LIS - Australia 1995 6,551 7,776 9,569 11,541 13,660 16,167 18,911 21,923 25,849 31,291 37,390
LIS - Australia 2001 7,002 8,474 10,499 12,870 15,252 18,113 21,229 24,532 28,688 35,978 42,543
LIS - Australia 2003 7,090 8,583 10,916 13,247 15,823 18,358 21,573 25,059 29,607 36,399 42,960
LIS - Austria 1987 8,818 11,154 13,814 16,036 18,019 19,815 21,842 24,269 27,302 32,176 36,895
LIS - Austria 1994 8,744 11,032 14,414 16,830 18,950 21,226 23,839 27,461 31,145 38,340 45,645
LIS - Austria 1995 5,813 8,961 11,942 14,097 16,390 18,631 20,942 24,030 27,792 33,432 38,777