D3.js Portfolio

End-of-Course Project D3.js

Slider to Visualize World Cup Winners

This exercise consists of a web application that displays a bar chart representing the winners of the Soccer World Cup over the years. Additionally, an interactive slider is used to change the year and update the bars of the chart according to the winning teams for that year.

Technologies used: JavaScript HTML CSS

Age Charts: Leonardo DiCaprio and His Ex-Partners

This is an exercise that displays the ages of Leonardo DiCaprio in a line chart and the ages of his ex-partners in a bar chart, using the same scale to compare both ages.

Technologies used: JavaScript HTML CSS

Line Chart with D3.js

This is a small project that shows how to create a line chart using D3.js to visualize the closing market data of the IBEX index from a CSV file.

Technologies used: JavaScript HTML CSS