Monserath F., Katherine G., Sally L., Flor H.

Our site is implemented with data visualization and summaries that explain how climate change impacts the topics on our site. We have an interactive rotating globe made with planetaryjs that show pings, which are colored according to temperature, at their assigned locations and a timeline which users can select to see the increase in temperature over time on the globe. We also have interactive graphs created with plotly that allow users to see the change over time of the subjects on our page.

Note: Globe and graphs only appear when we ran it on Firefox.

Some people are not convinced that climate change is happening and many of us do not realize the severe impacts of climate change.

We addressed the issue by demonstrating how severely our environment is injured by climate change through the globes, graphs, and summaries on our site.

One problem we faced was trying have the colored pings appear at locations according to the data we found, on our globe. We managed to fix this problem with our mentor's help. We first took the example, "Rotating Globe with Pings," off planetaryjs, and altered the code. The example code had initialized pings at random areas around the globe, and so, we deleted the section of code which generated those random pings. We replaced the deleted code with code that was able to intake the data from csv files, and then used the concept of dictionaries so that we can target the numbers on our list to either be longitudes, latitudes, or the temperature values. We then colored the pings by stating if the value at that location were to be greater than 0, then color the ping red, otherwise have it be blue. If there was nothing at the location, then no ping would show.

Our group’s motive is to convince people that climate change is happening, have our users gain awareness about the ongoing issues involving climate change, encourage them to spread that awareness, and motivate them to adjust their habits in ways that’ll not only benefit the environment, but also humans in general.


When creating our site, we each played different roles:

  • Flor Hernandez – Research
  • Sally Lei – Website(Design/Development), Globes
  • Monserath Flores and Katherine Gonzalez: Data Analysis and Visualization(Graphs)

This project was made by Girls Who Code Summer Immersion Program students at at the USC Marshall School of Business.