fedre30 / Tube

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

alt text

Tube πŸš‡

Tube is a Datavisualization based on RATP Open Data.

Description πŸ“–

What's RATP? RATP is a state-owned public transport operator and maintainer headquartered in Paris, France, which includes underground, tramway, bus and RER. Only Underground and RER were used for this project.

Why a Dataviz?

It is acknowledged that too much data can be confusing and very hard to read, so making every information easier to understand and more interactive for user was the main core of this project. Sometimes colors, shapes, animations and graphics can be much more attractive than plain datatables.

Features πŸ› 

Criteria

In order to show every station's quality standard, 4 criteria were taken in account, such as:

  • Air pollution
  • Traffic informations
  • Toilets
  • Accessibility

Map πŸ—Ί

The interactive map representing our main data was created using React Simple Maps, a React component based on D3. All criteria have a sub-criteria which allows a deeper and more precise research through data.

API πŸ—‚

Frontend app was developed on React, but all data are fetched by an API built in Symfony. Here the link to API repository: Tube API

Available Scripts

This project was bootstrapped with Create React App. In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Team πŸ‘©πŸ»β€πŸ’»πŸ‘¨πŸ½β€πŸ’»

  • Federica Alfano
  • Mathieu Blok
  • Guillaume Cornet
  • Andy Dodakal
  • Enzo Hespel

About


Languages

Language:JavaScript 98.1%Language:HTML 1.9%