Skip to content

Instantly share code, notes, and snippets.

View TheMcMurder's full-sized avatar
🐙

Justin McMurdie TheMcMurder

🐙
View GitHub Profile
@TheMcMurder
TheMcMurder / index.html
Created June 16, 2015 23:36
d3 Nest data example
<!DOCTYPE html>
<html>
<head>
<title>Nested Data example </title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src="nested.js"></script>
@TheMcMurder
TheMcMurder / app.js
Created June 16, 2015 23:39
Crazy d3 enter exit update example
var data =[45, 10];
init();
//creating the svg so I can draw objects on it
var svg = d3.select("body").append("svg")
.attr("width", 500)
.attr("height", 5000);
@TheMcMurder
TheMcMurder / index.html
Last active September 25, 2015 00:09
d3js enter, update, exit
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<title>Enter Exit Update</title>
</head>
<body>
<script type="text/javascript">
@TheMcMurder
TheMcMurder / index.html
Last active September 25, 2015 00:10
Simple Line Chart
<!DOCTYPE html>
<html>
<style type="text/css">
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
@TheMcMurder
TheMcMurder / index.html
Last active September 25, 2015 00:13
Random Art concept (using d3.js)
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<title>Random Bars</title>
</head>
<body>
<div id='vis'></div>
<script type="text/javascript" src='randombars.js'></script>
@TheMcMurder
TheMcMurder / index.html
Last active December 23, 2015 19:39
double rotation
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script>
var graphic_config = {
arc_width: 20,
@TheMcMurder
TheMcMurder / index.html
Last active December 23, 2015 22:49
Reception Rotation Minimalist
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<!--link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'-->
<!--link href='http://fonts.googleapis.com/css?family=Calligraffitti' type='text/css'-->
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
@TheMcMurder
TheMcMurder / index.html
Last active December 30, 2015 16:09
Moving Circles - Just for fun
<!DOCTYPE html>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
var width = $(window).width();
var height = $(window).height();

Keybase proof

I hereby claim:

  • I am themcmurder on github.
  • I am themcmurder (https://keybase.io/themcmurder) on keybase.
  • I have a public key ASBsudOEjuLEMRKrW_viIQH_mFPqEaodniID2XmpyozXEgo

To claim this, I am signing this object: