Giter Club home page Giter Club logo

webvr-cities's Introduction

WebVR City Data Visualization

View Demo

This demonstrates an experimental virtual reality interaction using a mobile browser to fly around a representation of a real-world city. Enter the name of a location in the text box below to search for a location to visit. Scan (or right-click and copy) the QR code for a link to open in mobile Chrome or Firefox. Touch and drag in any direction to move around the space. You will move in whatever direction you're dragging, taking into account the direction the device is pointing. You can shake the phone quickly to turn around 180 degrees.

Load this site in an experimental WebVR build of either Firefox or Chrome. When the Rift is connected, hit the "Enter" key or click the "VR" button to enter full-screen VR mode. Hit "Escape" to exit VR and release the mouse cursor.

Data Visualization

The demo includes four different three-dimensional representations of data placed in our virtual world. You can select one data visualization at a time and search for any location.

Average Income

There are two views representing average income, either as vertical bars or as hemispherical bubbles. The data come from the 2010 US census, so this one only works inside the United States. Each bar or bubble represents the average for a single census tract.

Population Particles

Inspired by the Racial Dot Map, the second visualization shows population broken down by race, with each person represented as a color-coded particle, like a snowflake or bit of pollen floating in the air. This one also comes from the 2010 US census.

NYPD Personal Injury Claims

This view plots every personal injury claim made against the New York City Police Department in 2013. The visual is simple: each claim is represented as a red cylinder, similar to the income bars.

Bike and Run GPS Logs

GPS data files from training bike rides and runs of a triathlete. Paths are represented as colored lines. The user may follow the lines using the mobile phone control to get a rough sense of what it might be like to ride through the city.

License

Original code is made avalable under MIT License, Copyright (c) 2014 American Documentary Inc.

Author

Code, concept and design by Brian Chirls, POV Digital Technology Fellow

Vizicities by Robin Hawkes

webvr-cities's People

Contributors

brianchirls avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.