tonyhschu

Built with blockbuilder.org

tonyhschu

scrolling: yes
license: MIT

tonyhschu

// Making a gist, because I know I'm going to have to find this again...
// Of course, this is a terrible hack. I recommend this only to the desperate (and those who don't want to use mixins.)

componentWillReceiveProps(nextProps) {
  if (nextProps.isOpen) {
    window.addEventListener('mousedown', this.pageClick, false)
  } else {
    window.removeEventListener('mousedown', this.pageClick, false)
  }
}

tonyhschu

height: 3000
scrolling: yes

tonyhschu

simple csv demo

for the building-blocks intro video

tonyhschu

Inspired by this time map post I wanted to build a block that shows a bit more of the intuition about how time maps work. This is a very simple timemap built with D3 that visualizes the speed and frequency of keystrokes.

Built with blockbuilder.org

tonyhschu

var c = function(n) {
  var string = '';
  n = Math.floor(n * Math.pow(256, 3));
  
  for (var i = 5; i >= 0; i--) { 
    string += (Math.floor(n / Math.pow(16, i)) % 16).toString(16);
  }
  
  return '#' + string;
}

tonyhschu

Inspired by https://twitter.com/moebio/status/659020040050757632 from @moebio and the prompt from @stevenstrogatz https://twitter.com/stevenstrogatz/status/658980873077936128

Built with blockbuilder.org

tonyhschu

hello markdown