Posts Tagged ‘node.js’

I refined the prototype for the NYC Property Extractor web app a bit more with some minor UI / UX changes. The app now only lets the user select an area when they are zoomed into the neighborhood scale (greater than or equal to zoom 16). This limits the amount of data a user may select so that they won’t say be able to select all of Brooklyn and bog down the server or database. Other changes include panning and zooming the map to the area the user selects when they draw a shape or click on a tax lot.

Also see this post and this post for feedback and development of the web app.

Guess That NYC ‘Hood from Chris Henrick on Vimeo.

An in progress NYC neighborhood guessing game for the web that runs on Node JS via the Express framework and MongoDB with Leaflet JS, GeoJSON and Underscore JS. This was my final for Web 3: Javascript last semester, taught by Mani Nilchiani. The user navigates a map of New York City and selects neighborhoods that come from a dataset by PediaCities. Their guesses are checked against the neighborhood boundary data and then stored in a NoSQL database (MongoDB). If the guess is correct then the polygon for that neighborhood disappears from the map and they are color coded blue in the left part of the interface.

I’d like to make the game two player using web sockets so players could compete against one another, as well as add a timer to give a sense of urgency. There is also the possibility of making this game more in depth conceptually such as providing historical information about the neighborhood being guessed as commentary on gentrification in NYC.

Code for the project is available on GitHub.

CC Lab Midterm: Arduino & Node JS

Posted: December 13, 2013 in CC Lab
Tags: , , ,

screenshot1 screenshot2 screenshot3 screenshot4 screenshot5

This project uses an Arduino Uno with a Node JS server running locally to create an abstract visualization within the HTML5 Canvas element. The button and potentiometer on the arduino alter the the shapes being drawn on the screen. Code is available here and demo video available here

Weather Underground API improvement

Posted: October 16, 2013 in CC Lab
Tags: , ,

Screen Shot 2013-10-16 at 5.23.32 PM

I managed to write a javascript function that creates html elements for the API calls from Weather Underground. This way I don’t have to hard code an API call for each city. The function is passed an object that contains {“key” :  “value”} pairs of states (or countries) and cities,as well as parameters such as the API key, specific data to grab, and the html list element to append new list item elements to. A satellite image and various other weather data  are pulled for each location and then written to the DOM. I also got this script running locally using Node.js and Python’s SimpleHTTPServer module.  

Live example here