Beauty is everywhere, but we often do not take the time to see it. The environments and places in which we live each have a unique impact on us, and us on them. Billions of people flow through cities, towns, and schools each day. It can be overwhelming, even awe-inspiring, to consider the incredibly complex systems of places and people that compose the areas we live in. Particularly in this moment, when we are confined to our homes and have time for reflection, it can be powerful to contemplate the ways we and our communities use the physical buildings around us. Art, at its best, enables us to consider new concepts and develop an emotional connection to the everyday world.

What it does

Artography aims to achieve this goal by allowing users to visualize the flow of people between buildings in their local area. In Artography, the moving circles represent people, and the rectangles buildings--mouse over the buildings to see the real-life places they are models of. Clicking anywhere on the screen spawns new people. In summary, Artography is an artistic, idealized visualization of places.

How I built it

To create Artography, we incorporated a variety of technologies. The website is coded in HTML, incorporating JavaScript and CSS, and is hosted on Firebase. Processing was used to create the animation. The buildings around the provided latitude and longitude were provided by the Google Places API through JQuery.

Challenges I ran into

We were challenged in embedding the processing application into an HTML page, and in particular allowing the processing application to use the JSON data from the Google Places API. We also found it difficult to use the Google Places API in client-side JavaScript so that Processing could access the JSON.

Accomplishments that I'm proud of

We are proud that we were able to create a working website with a clean UI and functional artistic representation of places. We are also proud to be able to integrate several distinct technologies into a cohesive whole.

What I learned

We learned that we should plan more in advance, so that we have a better idea of the structure of our project before implementing it. We also learned that we should leave more time to create the pitch video. Finally, we learned how to use man technologies we had never used before, including the Google Places API and Firebase.

What's next for Artography

We plan to allow users to enter places in formats other than latitude and longitude. We also plan to improve the visual quality and reliability of the animation. Finally, we hope to automatically adjust the search range of the Google Places API query to that an appropriate number of buildings appear on the screen.

Share this project: