sperand-io

duo index.js > build.js

sperand-io

(function(){
  if(window.sq){
     window.sq.closed && window.document.dispatchEvent(new Event('squirt.again'));
  } else {
    window.sq = {};
    window.sq.userId = '--squirtUser--';
    s = document.createElement('script');
    s.src = 'http://www.squirt.io/bm/squirt.js';
    document.body.appendChild(s);
  }

sperand-io

const getCookieByName = (name) => document.cookie.split(';')
  .map(x => x.split('='))
  .filter(x => x[0].trim() === name.trim())
  .map(x => decodeURIComponent(x[1]))[0]

sperand-io

#
# Environment.
#

NODE := node --harmony
NODE_ENV ?= development

#
# Binaries
#

sperand-io

var includes = require('@ndhoule/includes');
var fold = require('@ndhoule/foldl');
var each = require('@ndhoule/each');
var ZD = require('node-zendesk')
var Batch = require('batch');

var batch = new Batch;
var zendesk = ZD.createClient({
  username:  /*usernamen*/,
  token:     /*token*/,

sperand-io

This simple line chart is constructed from a TSV file storing the closing value of AAPL stock over the last few years. The chart employs conventional margins and a number of D3 features:

This also uses simple-statistics to derive a linear regression of the price changes.

• d3.tsv - load and parse data
• d3.time.format - parse dates
• d3.time.scale - x-position encoding
• d3.scale.linear - y-position encoding
• d3.extent - compute domains
• d3.svg.axis - display axes

sperand-io

// these are the trait keys you want to send to customer.io
var importantTraits = ['trait1', 'trait2', 'trait3'];

function identify(userId, traits) {
  traits = extend({}, traits || {});
  
  var matchingTraits = reduce(function(acc, val, key){
    if (~importantTraits.indexOf(key)) acc[key] = val;
    return acc;

sperand-io

analytics.ready(function() {
  window.wootricSetttings.survey_callback = function survey_callback() {
    analytics.identify({ last_wootric_surveyed_at: Math.round((testDate.getTime())/1000) });
  };
  
  window.wootricSetttings.decline_callback = function decline_callback() {
    analytics.identify({ last_wootric_declined_at : Math.round((testDate.getTime())/1000) });
  };
  
  window.wootricSetttings.response_callback = function response_submitted_callback(score, comment) {

sperand-io

export default function applyFirst (fn, first) {
  return (...args) => fn(first, ...args);
}

sperand-io

// download youtube API by constructing script tag and inserting to dom
const el = document.getElementsByTagName('script')[0];
const script = document.createElement('script');
script.src = 'https://www.youtube.com/iframe_api';
el.parentNode.insertBefore(script, el);

// take an existing youtube player <iframe> 
// and decorates with a state change handler