Project

100ansdetour

Rewards

Role

  • Project manager

  • Front-end developer

  • UX Design

Created at

Project

100 ans de Tour is a data-visualization project about the Tour de France. For the 100th race, we have decided to create an experimental website gathering 100 years of data concerning the most watched cycling event in the world.

Context

A few time before the 100th Tour de France, we established a 5 people team to realize this website which gathers 100 years of data to discover through ranking tables, routes or legendary cyclists.

Elements

Years Selection

Upon the arrival on the website, the user can choose among the 100 Tour de France editions. It's time for the user to choose a year to explore the data concerning the chosen event.

See in action
  • 20
    13
  • 20
    12
  • 20
    11
  • 20
    10
  • 20
    09
  • 20
    08
  • 20
    07
  • 20
    06
  • 20
    05
  • 20
    04
  • 20
    03
  • 20
    02
  • 20
    01
  • 20
    00
  • 19
    99
  • 19
    98
  • 19
    97
  • 19
    96
  • 19
    95
  • 19
    94
  • 19
    93
  • 19
    92
  • 19
    91
  • 19
    90
  • 19
    89
  • 19
    88
  • 19
    87
  • 19
    86
  • 19
    85
  • 19
    84
  • 19
    83
  • 19
    82
  • 19
    81
  • 19
    80
  • 19
    79
  • 19
    17
  • 19
    16
  • 19
    15
  • 19
    14
  • 19
    13
  • 19
    12
  • 19
    11
  • 19
    10
  • 19
    09
  • 19
    08
  • 19
    07
  • 19
    06
  • 19
    05
  • 19
    04
  • 19
    03
P1234567891011121314151617181920PlaineContre-la-montreMontagnePrologue

Graphic technology

In order to display the datas in an original and optimal way, we decided to use the d3.js library which allows to transform datas in SVG charts.

See in action

Data

Gathering data has been the longest part of this project, mainly for the old races. This task has imposed a lot of scrapping work for the whole team.

191019201930194019501960197019801990200020102115241436365541284125541022383848604941394160593557403946434655495344555166787669698856786581729476819682886386100948887105868753788985121125881241441321351511381561581301361171151291299614112714415314714715513914114514217016715316916132213292944312120112541122162829191413263836132218132624201926301924333438353931423128273534322227242224172826293045422735204040324442354342333532362840273120172029243429433435332633263136324035351986

Management

As a project manager, I have been in charge of the team management. We used the agile method in order to regularly deploy some new features.

click

Conception

The reflection phase before the realization has been really long. We simultaneously worked on the conception and the information architecture in order to offer a good experience.

Presentation

As this project has been realized in the context of a school project, it has been presentated in front of a jury composed by an artistic director and two members of the agency Dataveyes.

Watch the presentation (FR)
Réalisation André (vendeur de chaussures) en développement