Everything is Spacial: Data Mapping

Deep Enhanced Geothermal Potential in United State – National Renewable Energy Laboratory

Link to website



mapping-01Screen Shot 2017-03-20 at 3.19.56 AM.png


Geothermal KGRAs in Comparison to Solar Power Plants – National Renewable Energy Laboratory)

Link to websiteScreen Shot 2017-03-20 at 12.10.00 PMScreen Shot 2017-03-20 at 12.14.25 PM


US Geothermal Energy Exploration Map – National Renewable Energy Laboratory

Link to websiteScreen Shot 2017-03-20 at 3.08.50 PMScreen Shot 2017-03-20 at 3.09.58 PM


US Identifies Hydrothermal Sites  – National Renewable Energy Laboratory

Link to websiteScreen Shot 2017-03-20 at 4.13.51 PMScreen Shot 2017-03-20 at 4.04.41 PM



1: Finding data from the National Renewable Energy Laboratory (NREL) website

Screen Shot 2017-03-20 at 3.19.42 PM.png

2: Adjusting the file in MapShapper to be suitable for MapBox

Screen Shot 2017-03-20 at 3.15.01 PM.png

3. Json to geojson file conversions…

Screen Shot 2017-03-20 at 3.24.20 PM.png

4. Import geojson data to MapBox, and filter out different geographical regions by class

Screen Shot 2017-03-20 at 3.33.49 PM.png

5. Design and test different textures

Screen Shot 2017-03-20 at 3.29.06 PM

Screen Shot 2017-03-20 at 3.36.18 PM.png





Nature of Code: Midterm Project

For my midterm project of Nature of Code, I wanted to build a graphical interface that visualizes the making of geothermal reservoirs.

Inspiration (an intro to how geothermal energy is generally excavated):


Screen Shot 2017-03-07 at 11.45.46 PM.png

Everything is Spacial: Data Mapping week 6

Satellite views of Beijing:



Final project proposal:

For my final project, I want to create an interactive map for visualizing the geologic features, particularly the mineral distributions, of the earth.

Amongst the many beautiful and spectacular phenomenons found in nature, minerals and rocks are the less photographed and circulated in media – partly because of their limited accessibility to the general public. Therefore, I want to create a map that associates the visuality of local geologic features with the portrayal of local geographic landscape. The interactive visuals would be done in p5.js, and I would like to apply my coding skills learned in Nature of Code to the making of this project.


Week 5: Everything is Spacial: Data Mapping

For this week’s assignment, I created two difference maps using Mapbox Studio and QGIS.

The first map below is made with Mapbox Studio, and data from NYC Open Data. Granted that New York City is the hub for the arts, I was really interested how the art galleries are located in the city, as well as how the public transportation system is mapped in relationship to the galleries: the orange dots in the map represents the galleries, and darker the color, the denser the galleries are; the blue dots each represents a particular MTA subway stop.


The second map draws the coast lines (dark blue) and the country boarders(light pink). The density of population across those continents are represented in orange crosses, so the denser the orange color is, the greater population there is.


Nature of Code: Midterm Proposal

For my mid-semester project, I would like to explore the possibilities of using generative computer graphics to emulate patterns found in nature.

This project should contribute to two objectives: on one hand, I’d like to use it in my Data Mapping class as additive graphical layers to digitally generated maps, in order to better visualize geographical and ecological data; on the other hand, I want to eventually create a short music video as my final project, so I would like to explore a variety of algorithmic patterns before I can settle on a particular visual style.

Some processing sketch I tried out this past week:

screen-shot-2017-02-28-at-2-59-33-amScreen Shot 2017-02-28 at 3.00.36 AM.png

Screen Shot 2017-03-01 at 7.42.12 AM.pngScreen Shot 2017-03-01 at 7.42.37 AM.png

Screen Shot 2017-03-01 at 7.43.46 AM.png