chrisrzhou

D3 Pianogram Tiles

bl.ocks.org link

Pianogram Tiles visualizes music notes and octaves as a heatmap matrix. This is a variation of the original [Pianogram][] which visualizes music notes and octaves in a histogram instead of a heatmap.

The project is created using AngularJS and D3.js.

---

chrisrzhou

ngQuotes

bl.ocks.org link

Master typing through quotes, learn quotes through typing.

ngQuotes is an AngularJS typing game built using the Javascript regex engine. This is my personal quote repository of my inspirational heroes.

---

chrisrzhou

ng2048

bl.ocks.org link

This is an AngularJS clone of the original [2048][] game.

Some code guidance obtained from [ng-2048][] with different implementations on merge and keypress functions.

---

Notes

chrisrzhou

Font Awesome IconFinder

bl.ocks.org link

This is a quick and fun AngularJS app that searches and filters for [Font Awesome][] icons by name or by group.

---

Files

• index.html: Displays a matrix of Font Awesome icon together with search filters using ng-repeat and filter.

chrisrzhou

D3 Pianogram Arcs

bl.ocks.org link

Pianogram Arcs visualizes music notes in a radial histogram. This is a variation of the original [Pianogram][].

The project is created using AngularJS and D3.js.

---

Instructions

chrisrzhou

Education

Education is a life-long journey, not a destination.

---

Destinations

Rice University

Bachelor of Science in Physics

• Aug 2006 - Dec 2009

chrisrzhou

Dances with Factors (Tutorial)

a D3 picture produced by chrisrzhou

[Interactive Project Link][]

![image-180][]

---

chrisrzhou

Links

Web

• PHP: http://eev.ee/blog/2012/04/09/php-a-fractal-of-bad-design/

Hadoop

• HIVE: https://github.com/Prokopp/the-free-hive-book/blob/master/the-free-hive-book.md

Git

• 10 Years of Git:

chrisrzhou

onlyOne

Write a function that returns true or false if exactly one of its parameter is true.

const a = true;
const b = false;
const c = false;
...
onlyOne(a, b, b);  // true
onlyOne(a, b, b, b); // true

chrisrzhou

Closure

// no closure
for (var i=1; i<=5; i++) {
  setTimeout(() => {
    console.log(i);  // 6, 6, 6, 6, 6
  }, i*1000);
}