Skip to content

Instantly share code, notes, and snippets.

@danharr
danharr / broadcast.js
Created September 17, 2017 09:19
stream
//read in gameplay data
var title = "FIFA 17";
d3.json("gameplay-data.json", function(data) {
@danharr
danharr / index.html
Last active July 3, 2017 20:38
anniversarycode
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="theme.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Frijole" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
</head>
@danharr
danharr / index.html
Last active December 14, 2016 10:40
Hurricanes with d3
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Hurricanes</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script type="text/javascript" src="https://gist.githubusercontent.com/biovisualize/b9a321c5038d24206356/raw/d6c542f19772b28d19c5be056f6f084ed6d71974/line-variable.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/2.2.0/topojson.min.js"></script>
<style>
.map {
@danharr
danharr / foundation.css
Last active December 14, 2016 10:38
Before vs After Slider
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html,
body {
font-size: 100%; }
@danharr
danharr / index.html
Last active December 14, 2016 10:34
Data2DecisionMakers
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>line growing example d3js</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<style>
@danharr
danharr / index.html
Last active December 14, 2016 10:34
Gallery
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Gallery</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<style>
.thumbs {
width:250px;
@danharr
danharr / index.html
Last active December 14, 2016 10:33
grid force layout
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Media Plan</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<style type="text/css">
.sections {
float:left;
@danharr
danharr / index.html
Last active December 14, 2016 10:33
Grid Multi Foci Force Layout
<!DOCTYPE html>
<meta charset="utf-8">
<style>
circle {
stroke: #fff;
}
</style>
<body>
@danharr
danharr / index.html
Last active December 14, 2016 10:33
Project Force Diagrams
<!DOCTYPE html>
<meta charset="utf-8">
<style>
circle {
stroke: #fff;
}
@danharr
danharr / index.html
Last active December 14, 2016 10:33
Intersection not working
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>finding intersections</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script src="https://surfcity.googlecode.com/svn-history/r21/trunk/kevlindev/concats/2D.js"></script>
<style>