Skip to content

Instantly share code, notes, and snippets.

View owendall's full-sized avatar

Owen Dall Sotomayor owendall

View GitHub Profile
@owendall
owendall / .block
Created July 2, 2018 13:13 — forked from rpgove/.block
Force Directed Layout Quality Convergence
license: gpl-3.0
height: 600
scrolling: no
border: yes

Frontend Masters: AWS for Frontend Engineers

You should have the following completed on your computer before the workshop:

  • Have Node.js installed on your system. (Recommended: Use nvm.)
    • Unfortunately, you'll need to be on Node 9.x or earlier. Dependencies are hard and one of the dependencies of one of our dependencies is set to not allow Node 10.x.
  • Create an AWS account. (This will require a valid credit card.)
  • Install multi-factor authentication app (e.g. Authy, Google Authenticator, Duo).
  • Install the AWS CLI. (brew install awscli should do the trick. Otherwise, you'll need Python and PIP, which you can install using brew install python.)
  • Install the AWS Mobile Hub CLI: npm install -g awsmobile-cli or yarn global add awsmobile-cli.
@owendall
owendall / .block
Created September 10, 2017 02:08 — forked from micahstubbs/.block
Sankey Particles | d3v4 & es2015+
border: no
license: Apache-2.0
@owendall
owendall / d3.sankey.js
Created September 10, 2017 01:49 — forked from emeeks/d3.sankey.js
Sankey Particles
d3.sankey = function() {
var sankey = {},
nodeWidth = 24,
nodePadding = 8,
size = [1, 1],
nodes = [],
links = [];
sankey.nodeWidth = function(_) {
if (!arguments.length) return nodeWidth;
@owendall
owendall / .block
Created September 5, 2017 23:05 — forked from domoritz/.block
Vega-Lite block example
license: bsd-3-clause
@owendall
owendall / Tooltip Test
Last active September 1, 2017 18:23 — forked from sirahd/.block
Vega-lite Scatterplot with Tooltip
A vega-lite scatterplot example for vega-tooltip. You can specify the limited sets of field to display in tooltip by setting `showAllFields` to false, then specify those in `fields` array. You can also rename the field by specifying `title`
@owendall
owendall / protips.js
Created August 11, 2017 18:21 — forked from nolanlawson/protips.js
Promise protips - stuff I wish I had known when I started with Promises
// Promise.all is good for executing many promises at once
Promise.all([
promise1,
promise2
]);
// Promise.resolve is good for wrapping synchronous code
Promise.resolve().then(function () {
if (somethingIsNotRight()) {
throw new Error("I will be rejected asynchronously!");
@owendall
owendall / Animated d3 word cloud
Last active April 24, 2017 21:20 — forked from joews/README.md
Animated d3 word cloud
# d3 cloud example
An example of how to animate a [d3-cloud](https://github.com/jasondavies/d3-cloud) word cloud.
Based on https://github.com/jasondavies/d3-cloud/blob/master/examples/simple.html.
@owendall
owendall / .block
Created April 23, 2017 17:08 — forked from mbostock/.block
Radial Tidy Tree
license: gpl-3.0
border: no
height: 1060
@owendall
owendall / Zoomable Sunburst
Last active April 21, 2017 18:00 — forked from mbostock/.block
Zoomable Sunburst
Click on any arc to zoom in. Click on the center circle to zoom out.
A sunburst is similar to a treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by [John Stasko](http://www.cc.gatech.edu/gvu/ii/sunburst/). Data courtesy [Jeff Heer](http://flare.prefuse.org/).