Coder Social home page Coder Social logo

illusionink / tour_de_drugs Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 6.82 MB

Narrative visualisation depicting the widespread consumption and adoption of drugs in the most prestigious cycle race of the world - Tour De France

datajournalism data-visualization flourish tour-de-france sports-data sports-visualisation cycling

tour_de_drugs's Introduction

Tour De Drugs

The Tour de France is an annual men's multiple stage bicycle race primarily held in France. The race is 3500kms long and last over 23 days. Due to this intense nature of the sport, doping has been long associated with the race.The possibility of competition, rise in economic stakes produced a system of high rewards for winners.

Behance link for detailed Design Documentation and interactive prototype of the narrative visualisation

Need ?


  • Doping stories are fixated primarily on breaking down the journey for accused.
  • The damage done to the sport and other riders is often unknown. The larger story provides users a larger context of the practice of doping on the entire sport.

Trigger Questions:

  • How wide was the impact of doping in the sport ?
  • How were the race results impacted ?
  • What role did the team doctors play ?
  • How bad was it for the riders who did not consume drugs ?
  • How many riders doped in the recent times ?

Initial Data Analysis


  • Required data was gathered from the wikipedia pages and other relevant cycling blog sites.
    • Doped data ( link),
    • Team name (link ),
    • Drug-doctor association (link)

Variable List

  • Drugged Riders+Team

    • Year of race
    • Team
    • Rider_name
    • Rider_Status || Rider_mark (clean v/s doped)
    • Rank
    • Race Timing
    • Doctor associated with (if any)
  • Clean Rides

    • Year of race
    • Rider Name
    • Actual Finish Position
    • Clean Finish Position
  • Drug Network

    • Year of Race
    • Doctor_name
    • Team || Current team name
    • Player Names
    • Rank

    table

  • Tableau + Flourish App explorations explorations

Story Structure


Martini Glass Structure

  • The narrative is author driven first introducing it,then moves to be a reder led initiative
  • The visualisation is built on Ben Shneiderman's principle of Overview first, Details Later; wherein I introduce the reader first to the concept of Tour De France and the history of doping in the sport.
  • It then leads the reader to an exploratory dashboard,allowing him to comprehend the impact of doping on the sport; and further such analysis

structure

Storyboarding


sketch1 sketch2

Visualisations


Visit the Behance link for detailed Design Documentation of the narrative visualisation

tour_de_drugs's People

Contributors

illusionink avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

geez

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.