North StreetNORTH STREET / A Creative Studio

We’re North Street. We make pretty things with pixels and paper. Learn more

Posts tagged: geo-location

  1. north-street-sony-heatmap-1 north-street-sony-heatmap-2

    Sony Instagram + Twitter Heat Map Visualization

    For the San Diego, CA, headquarters of Sony Electronics, North Street was commissioned to conceptualize, design and develop this projected installation that highlights Sony-related Instagrams, Tweets, news content and in-store purchases in a geographical context.

    A custom content management system allows Sony staff to scrape Instagram and Twitter content and to upload custom news and in-store purchase updates — all plotted accurately to a visually customized Google Map of the United States. Content updates made through the content management system are reflected on the front-end map in real time (no refresh or reboot required).

    Built on AWS S3, Bootstrap, Google Chrome, Google Maps, Heroku, jQuery, MongoDB, Ruby on Rails.

  2. twitter-map-loop-north-streettwitter-map-north-street-zoom

    Real-Time Twitter Map Dashboard

    North Street’s latest adventure in social media design and development is this real-time Twitter dashboard we recently built for a client. Designed for display on a 1080p big screen (in, say, a social media war room setting), the dashboard monitors Twitter activity around a given search term. In the example shown, we’re watching for all mentions on Twitter of “apple,” we’re showing where in the world those tweets are coming from, which three countries lead the pack and what Apple’s stock is doing today.

    The widgets are draggable, which allows them to be rearranged and collapsed. The dashboard is also responsive, allowing social media war to be waged on tablets while on the go.

    We built this using Dashing (Shopify’s Sinatra/Ruby-based framework), Twitter API, Google Maps API and Yahoo! Query Language, plus plenty of Quaker Oats and bacon.

    Related posts: