Tag Archives: invasive species

Portfolio – Invasive plants Interactive map

One of the goals I set for the science communication  project where I was working was to build some interactive features. I built this phenological calendar and, more recently, an interactive map.

This map shows the origins of the most important invasive plant species in Portugal, and some Portuguese native plants that are invasive in other regions. It’s a simple, straightforward project , directed to a younger audience.

I used two different tools to build this. The navigation and content support is taken from the Fullscreen Pageflip Layout, as seen on Codrops, one of the most inspiring websites I ever came across, and a must follow. I made a concession here, because I’m not a huge fan of flipping pages on a screen, but I felt it worked better that way. It all works with HTML5&CSS3 plus Javascript wizardry.

The map was built with amMaps, a Javascript library package, that had just the right solution for this. I must send a shout out for their impeccable support, they were just awesome. Their maps can be used in so many different ways it made me want to use amMaps again for other projects. Try them out, and look at amCharts too. As a Javascript noob I thought it would be more complicated, but it was easier than I expected to build the map.

The flags’ sections were handmade by me and I got to apply some CSS expertise. One thing that I learned though, not all flags have the same proportions: some are wider than others. Go figure.

If you missed the two links to the map at the top, follow this one, and let me know what you think about it.