owendall

license: gpl-3.0
height: 600
scrolling: no
border: yes

owendall

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

border: no
license: Apache-2.0

owendall

d3.sankey = function() {
  var sankey = {},
      nodeWidth = 24,
      nodePadding = 8,
      size = [1, 1],
      nodes = [],
      links = [];

  sankey.nodeWidth = function(_) {
    if (!arguments.length) return nodeWidth;

owendall

license: bsd-3-clause

owendall

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

// 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

# 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

license: gpl-3.0
border: no
height: 1060

owendall

I combined Mike Bostock's [Zoomable Sunburst](http://bl.ocks.org/mbostock/4348373) and [Sunburst Partition](http://bl.ocks.org/mbostock/4063423) examples, so that I could have both zooming and updating the underlying data (between count and size, in this case). A simple combination of the examples does not work; you have to edit the arcTween function used for updating the data, so that when it redraws the partition layout, it takes account of the current zoom level by adjusting the domain of the x scale.

Click on any arc to zoom in, and click on the center circle to zoom out. Use the Size/Count radio buttons to update the data.