This web page is a project for the unit “Web Design and Interactivity”, Deakin University, Australia.

This project consists in recreating a written text in an interactive way. The text was obtained in the site "Gender Gap", The Concise Encyclopedia of Economics (2008), together with its data. Then, an interactive SVG depicting a line chart was created. The interaction consists only in scrolling down or up: that’s what is called a “scrollytelling”.

For creating the SVG elements and for all events and transitions, both in the SVG and in the plain HTML elements, a JavaScript library named D3.js (Data Driven Documents) was used. This library allows us to manipulate elements based on data.

Code, HTML and CSS written by Gerardo Furtado