Alex Manning

AirDnG is an Interactive Visualization of AirBnB’s Listings using D3, React, Redux, and ES6

- Featured in CurbedSF, a Vox Media publication for Bay Area housing. (http://sf.curbed.com/2017/1/6/14194056/airbnb-popular-words-san-francisco)

- Employed D3’s force simulation to provide an interactive word graph, in which users can find common descriptors and phrases used in listings

- Implemented React-Redux cycle to allow for instantaneous updates to graphs, providing a… Show more

AirDnG is an Interactive Visualization of AirBnB’s Listings using D3, React, Redux, and ES6

- Featured in CurbedSF, a Vox Media publication for Bay Area housing. (http://sf.curbed.com/2017/1/6/14194056/airbnb-popular-words-san-francisco)

- Employed D3’s force simulation to provide an interactive word graph, in which users can find common descriptors and phrases used in listings

- Implemented React-Redux cycle to allow for instantaneous updates to graphs, providing a streamlined interactive experience for the user.

- Created backend Ruby script to efficiently analyze and format tens of thousands of listings to find common words and phrases between neighborhoods





Show less

Front end game, providing an audiovisual experience for the player

- Utilized Easel.js in conjunction with keypress.js to provide an interactive visual experience.

- Implemented an elastic-collision engine, where game pieces bounce off the walls and each other in a physically accurate way.

- Optimized collision detection through the implementation of a grid system, eliminating extraneous checks, and reducing total execution time by over 10%.

- Utilized Howler.js to… Show more

Front end game, providing an audiovisual experience for the player

- Utilized Easel.js in conjunction with keypress.js to provide an interactive visual experience.

- Implemented an elastic-collision engine, where game pieces bounce off the walls and each other in a physically accurate way.

- Optimized collision detection through the implementation of a grid system, eliminating extraneous checks, and reducing total execution time by over 10%.

- Utilized Howler.js to play curated chimes during collisions, allowing for unique musical experience with each play.
Show less

Read More + React is a simple npm package for React that "intelligently" truncates text at the appropriate point given a min, an ideal, and max text length. The idea is to cut off at the best point, and not just a specific character, cutting words short.