Inspiration
Endangered species are on the rise. There are many ways we can help, but first we need to hear about these species at risk before it's too late. We decided to focus on raising awareness to both endangered species and species of concern in order to protect our wildlife.
What it does
The SAR website includes an interactive map that displays random endangered species from each state. When the user hovers over each state, our website gives them a description of a random animal or plant in that state. Every time the user reloads the website, a new species will represent each state.
How we built it
The SAR website is built with HTML, JavaScript, and CSS. The interactive map is built with Python and plotly express. Our information is from data processing a national park service dataset and our descriptions are from articles on Wikipedia.
Challenges we ran into
Some challenges we ran into were related to the interactive map. Our goal was to create a map that would randomly generate a species from each state and then display information about the species when the user hovers over the state. We had to figure out how to modify the way the data is formatted and to graph the state at a state level.
What we learned
We learned how to code an interactive map and how to extract information from an article to display them on our map. Overall, we learned more functions in Python, CSS, and HTML because we collaborated with each other and helped each other while completing our project.
What's next for S.A.R.
We hope to expand our map by finding more datasets and information about species in all 50 states, and then even other countries. We would also hope to include ways to help each specific species in the hover data so that users can get more involved.
Log in or sign up for Devpost to join the conversation.