This week we were asked to use the skills we’ve learned to date to build a more traditional webpage. I was excited about getting to take on another assignment where I could tweak existing code an infuse some more personalized elements to it. There were a few pieces that I was successful in building and also quite a few things that I was really stuck on.
These successes include:
- Changed the font! 🔥
- Resized text and headers! 🔥
- Swapped out the original photo of the world map, with another one I liked a bit more! 🔥
- Added more context around what “life expectancy” means. 🔥
- Loaded the visualization I had previously made using with data about life expectancy in regards to a person’s home country. 🔥
Places I got stuck:
- Changing the background color. I tried to change the background to coral, but for some reason, it’s only showing up as a small sliver on the sidebar. I think it might be where it’s located in the order of the code because it seems to appear when it’s loading, but then it only stays visible on the side. 👎
- The box to see my visualization where you can check the life expectancy in regards to home country is so small. I’m pretty sure this has to do with frame size parameters, but I can’t figure out how to resize it. 👎
- I was able to change the text link color to hot pink at one point, but I was only able to make work on one link and I’m not sure why! For continuity sake, I just changed them all back to blue. 👎
Here is my not-so-great webpage in all its glory! 🤖
Danielle's Data Viz Blog 