Posted on

Norte2020: Interactive Map



"NORTE 2020 (2014–2020 North Portugal Regional Operational Programme) is a financial instrument intended to support regional development in North Portugal, which is part of the PORTUGAL 2020 Partnership Agreement and of the current cycle of structural funds provided by the European Union."



I worked on Norte2020's website (Drupal 7 CMS) between 2015 and 2016. After being part of the HTML and CSS coding process for the website, my main responsibility was to support and add new features when required or asked.
The most complex project I developed in this domain was the infographic page "Projetos Aprovados" (Approved Projects). For this I had to work in the back-end and in the front-end of the website. 

HTML5, CSS3, PHP, JQuery 

"Projetos Aprovados"


I had to plan and create a complex page inside an existing domain (Norte2020) where would be possible to transform several data from an Excel into an interactive infographic. In a way that would simplify the consult of this database.

The map, which I also illustrated, corresponds to the North Region of Portugal and is divided by different regions. Each region has different color intensity depending of the number of projects that were approved there.
When someone hovers a region a subtitles appears saying the name of the region and how many approved projects are there.

Then, it is possible to click in that region and go to its respective page. There is possible to find more information about each district of the region, the corresponding approved projects and their information.