Skip to content

Instantly share code, notes, and snippets.

View AlexDaGr8's full-sized avatar

Alex Hinton AlexDaGr8

4 followers · 5 following
  • Washington, D.C.
View GitHub Profile
@AlexDaGr8
AlexDaGr8 / .block
Last active August 9, 2018 18:40
D3-Force: Split Categorical
license: mit
@AlexDaGr8
AlexDaGr8 / README.md
Created May 17, 2018 20:39
Reusable Bar Chart

First of many reusable charts. Bar chart this time. Going to make resizable later.

@AlexDaGr8
AlexDaGr8 / README.md
Last active May 16, 2018 13:08
Different type of animation for bars

I was trying to think of different ways of animating and this was one of my first thoughts. Used a line to create the bars instead of rects.

@AlexDaGr8
AlexDaGr8 / .block
Last active August 9, 2018 19:23
CS Timer Visualization
license: mit
@AlexDaGr8
AlexDaGr8 / index.html
Created February 22, 2018 22:31
Trying reusable
<!DOCTYPE html>
<body>
<div id="charts"></div>
<div id="chart"></div>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
var m = 40, w = 960 - m*2, h = 500 - m*2;
var svg = d3.select('#charts').append('svg')
.attr('width', w + m*2).attr('height', h + m*2)
.append('g')
@AlexDaGr8
AlexDaGr8 / .block
Last active August 9, 2018 19:46
Just things
license: mit
@AlexDaGr8
AlexDaGr8 / README.md
Last active January 24, 2018 14:52
Oh my gosh
@AlexDaGr8
AlexDaGr8 / Index.html
Created January 7, 2018 00:25
Metro Data
<!DOCTYPE html>
<body>
<script src="//d3js.org/d3.v4.min.js"></script>
<script>
var margin = { top: 20, right: 20, bottom: 30, left: 30},
width = 960 - margin.right - margin.left,
height = 500 - margin.top - margin.bottom;
var svg = d3.select('body').append('svg')
.style('background', '#777')
.style('margin', '0 calc(50% - ' + (width + margin.right + margin.left)/2 + 'px)')
@AlexDaGr8
AlexDaGr8 / README.md
Last active January 10, 2018 21:28
JS created regression line

js created regression line of a friends Zwift ride.

@AlexDaGr8
AlexDaGr8 / ReadMe.md
Last active January 11, 2018 14:37
DC flag made from DC maps

DC map and flag animation. You can also zoom into the map. Maps are, the outline, all the water, and all the roads.