Skip to content

Instantly share code, notes, and snippets.

View lourd's full-sized avatar

Louis DeScioli lourd

View GitHub Profile
@lourd
lourd / D3-Rendering.js
Created May 26, 2015 14:21
D3 and React Integration Example
function createChart(dom, props){
var width = props.width;
var height = props.height;
width = width + 200;
var data = props.data;
var sum = data.reduce(function(memo, num){ return memo + num.count; }, 0);
var chart = d3.select(dom).append('svg').attr('class', 'd3').attr('width', width).attr('height', height)
.append("g")
.attr("transform", "translate(" + (props.width/2) + "," + (height/2) + ")");
var outerRadius = props.width/2.2;
@lourd
lourd / TrackerMixin.js
Created March 5, 2015 18:50
Tracker Mixin for React
/**
* React Mixin for binding reactive data sources and DDP subscriptions
* to the state of a component using Tracker
*
* Components using this mixin should implement getTrackerState and/or
* ddpSubscriptions
*/
TrackerMixin = {
getInitialState: function() {
@lourd
lourd / mixin.less
Created February 11, 2015 21:40
Less Responsive Design Mixin
// A basic media query mixin that makes responsive work simple.
@screen-sm-min: 481px;
@screen-md-min: 768px;
@screen-lg-min: 1025px;
@screen-xl-min: 1281px;
@screen-xs-max: (@screen-sm-min - 1);
@screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1);