Skip to content

Instantly share code, notes, and snippets.

View dfadler's full-sized avatar

Dustin Fadler dfadler

View GitHub Profile
@dfadler
dfadler / tooltip-d3.js
Created June 13, 2020 05:48
tooltip function d3
function onMouseMove() {
const mousePosition = d3.mouse(this)
const hoveredDate = xScale.invert(mousePosition[0])
const getDistanceFromHoveredDate = d => Math.abs(xAccessor(d) - hoveredDate)
const closestIndex = d3.scan(dataset, (a, b) => (
getDistanceFromHoveredDate(a) - getDistanceFromHoveredDate(b)
))
const closestDataPoint = dataset[closestIndex]
'use strict';
//
// # Option
//
// Option a = Some a + None
//
// The option type encodes the presence and absence of a value. The
// `Some` constructor represents a value and `None` represents the
// absence.
@dfadler
dfadler / example.js
Created September 18, 2015 16:25
Expressive Code
var a = [{
name:'fluffy',
age: 23,
run: function() {
// does something
}
}, {
name:'gunny',
age: 31,
@import 'compass';
.message {
border: 1px solid #ccc;
padding: 10px;
color: #333;
}
.success {
@extend .message;
#header
position: relative
#logo
position: absolute
left: 50%
top: 50%
margin-top: -(image-height('logo.png') / 2)
margin-left: -(images-width('logo.png') / 2)
css_dir = "/css"
images_dir = "/images"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :compressed
@import "compass"
@import "compass/reset"
@import "globals"
@import "colors"
@import "typeography"
@import "sprites"
@import "mixins"
@import "featurette/featurette"
@import "quiz/main"
@import "../js/vendor/bower-components/fancybox/source/jquery.fancybox.css";
@import "../js/vendor/video-js/video-js.min.css";
@import "../js/vendor/bower-components/baron/baron.css";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
@dfadler
dfadler / _colors.sass
Created February 15, 2014 20:09
Sass example key pair values and loops
$meet-the-families: #82cdc8
$learn-about-farming: #d4a00f
$recognition-programs: #e27669
$farm-blog: #8b8d08
$generic: #bb6c03