Skip to content

Instantly share code, notes, and snippets.

View sholtomaud's full-sized avatar
💭
Research

Sholto Maud sholtomaud

💭
Research
14 followers · 48 following
  • Sydney
View GitHub Profile
@sholtomaud
sholtomaud / index.js
Created March 19, 2015 00:36
d3.js + jsdom + svg export from cli
var jsdom = require('jsdom'),
d3 = require('d3'),
htmlStub = '<html><head></head><body><div id="dataviz-container"></div><div id="cy"></div><script src="js/d3.v3.min.js"></script></body></html>';
jsdom.env({
features : {QuerySelector:true},
html : htmlStub,
done : function (err, window) {
var el = window.document.querySelector('#dataviz-container'),
body = window.document.querySelector('body');
@sholtomaud
sholtomaud / index.js
Created November 29, 2015 12:59
requirebin sketch
// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right
var fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent') // Renders DOM nodes
}, true);
@sholtomaud
sholtomaud / index.js
Created December 14, 2015 08:08
requirebin sketch
var d3 = require('d3');
var body = d3.select("body");
//var div = body.append("div");
//div.html("Hello, world!");
var data = [4, 8, 15, 16, 23, 42];
var x = d3.scale.linear()
.domain([0, d3.max(data)])
@sholtomaud
sholtomaud / index.js
Last active January 20, 2016 08:36
requirebin sketch
var fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent'), // Renders DOM nodes
modal: require('modal-component/modalComponent')
}, true);
var modalModel = new fastn.Model({
@sholtomaud
sholtomaud / index.js
Created January 20, 2016 23:54
requirebin sketch
var fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent'), // Renders DOM nodes
modal: require('modal-component/modalComponent')
}, true);
var modalModel = new fastn.Model({
@sholtomaud
sholtomaud / index.js
Created February 3, 2016 01:58
requirebin sketch
var fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent')
}, true);
var app = fastn('div',
fastn('button',{
class: 'mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect'
@sholtomaud
sholtomaud / index.js
Last active July 3, 2016 07:18 — forked from MauriceButler/index.js
requirebin sketch
var fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent'),
leaflet: require('leaflet-component/leafletComponent'),
marker: require('leaflet-component/leafletMarkerComponent')
}, true);
let markerModel = new fastn.Model({
@sholtomaud
sholtomaud / index.js
Last active July 10, 2016 05:49
requirebin sketch
const insertCSS = require('insert-css')
var domify = require('domify')
var html = '<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />'
document.body.appendChild(domify(html))
const fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent'),
@sholtomaud
sholtomaud / index.js
Created July 10, 2016 05:42
const fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent')
}, true);
// items: fastn.binding('dropdowns').attach(dropdownModel),
// template: function(model,scope){
// return fastn('option',scope.get('item'));
@sholtomaud
sholtomaud / index.js
Created July 10, 2016 05:48
requirebin sketch
const fastn = require('fastn')({
list: require('fastn/listComponent'),
text: require('fastn/textComponent'),
templater: require('fastn/templaterComponent'),
_generic: require('fastn/genericComponent')
}, true);
const app = fastn('div', 'Hello Datalist ',
fastn('input',{
list:"browsers",