Skip to content

Instantly share code, notes, and snippets.

View mtaptich's full-sized avatar

Mike Taptich mtaptich

17 followers · 1 following
View GitHub Profile
@mtaptich
mtaptich / README.md
Last active December 10, 2015 01:44
Variable Declaration

The fourth of a series of data visualizations on basic coding concepts. When you declare a variable, the next step is to assign it data!

@mtaptich
mtaptich / README.md
Last active December 10, 2015 01:46
If...Else

The second of a series of data visualizations on basic coding concepts. The if...else statement seeks to bin by colors!

@mtaptich
mtaptich / README.md
Last active December 10, 2015 21:07
Append/Push

The fifth of a series of data visualizations on basic coding concepts. When you append or push data to a list, all you do is add it to the last position!

@mtaptich
mtaptich / README.md
Last active December 10, 2015 21:09
Indexing

The sixth of a series of data visualizations on basic coding concepts. A is a matrix of rows(i) and columns (j). Use indexing to select elements of the matrix!

@mtaptich
mtaptich / README.md
Last active December 11, 2015 00:14
Dictionaries

The seventh of a series of data visualizations on basic coding concepts. Dictionaries are a very helpful data structure for storing hierarchical relationships. Get data from the team that is two layers into the dictionary called NCAA!

@mtaptich
mtaptich / index.html
Last active December 11, 2015 00:37
Streaking Canvas
<canvas id="canvas"></canvas>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var num = 3000;
var canvas = document.getElementById("canvas");
var width = canvas.width = 2000;
var height = canvas.height = 1200;
var ctx = canvas.getContext("2d");
ctx.scale(2, 2);
var angle = 1*Math.PI/180; // down
@mtaptich
mtaptich / index.html
Last active December 11, 2015 00:42
map + point translation
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<style>
.land {
fill: #eee;
stroke: #777777;
}
circle {
@mtaptich
mtaptich / README.md
Last active December 11, 2015 00:53
Showcase States

Use this to showcase state-level information by clicking on a state.

@mtaptich
mtaptich / README.md
Last active December 11, 2015 01:05
d3 + Google Maps

My first pass at showing time series data on Google Maps.

@mtaptich
mtaptich / index.html
Created December 11, 2015 01:13
Molecules (Pt1)
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.link line {
stroke: #696969;
}
.link {
stroke: #696969;
}