jan-gerling / jan-gerling/InfoVis

Voice Over Screencast

Open
#6 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

  1. Introduction:
    Welcome to our Information Visualization project. The main goal of the project was to create an interactive application to explore and enjoy the world of football transfers.
    The viewer can explore the huge data on player transfers to find interesting data points, patterns and hidden structures.

  2. Top:
    For reference the club name and league are displayed in the top left together with a their logos.
    The search bar enables the user to directly get information on a club they are interested in.

  3. Main page:
    Aside from the top view the page contains two key elements:
    First a bar plot displaying the transfers of the current club, QPR, with other clubs or leagues
    and Second a line plot showing a timeline of transfers since the year 2000.
    All the transfers are split into to two categories, incoming and outgoing transfers.

    The timeline helps the viewer to identify interesting years to explore in further detail with the bar plot and recognize trends in the data.
    Up to 20 other clubs or leagues are displayed in the bar plot with various details in descending order.
    Furthermore, by hovering a specific transfer the user can get more details, such as the involved player or season.
    They can even click on it and are then transfered to the player information on transfermarkt.

  4. Options:
    Our data contains many different dimensions for exploration. Therefore, we added the option to select them individually.
    The first dimension is Time - the year a transfer was done - (why is this interesting??)
    The second dimension is the transfer entity - the club or league a transfer was done with - (why is this interesting??)
    And last the transfer the transfer value - either in british pound or the total amount of players transfered - (why is this interesting??)
    For the line graph the viewer can only change the transfer entity and value.
    Also, the user can change the ordering of the detail graph.
    All these options give the viewer the chance to explore the data as they wish, the can explore in high detail by focusing on clubs or zoom out and focus on the bigger picture and look at leagues.

  5. Search:
    The search bar makes real time suggestions on what the user might be searching for.
    Additionally, if the user does not have to select a certain year from the options, but they can click on it in the line graph and get the details in the bar graph immediately.

  6. Evaluation:
    Our data visualization shows multiple interesting points.
    For example. Some clubs, like Ajax Amsterdam consistently have much higher incomes from selling players to other clubs contrary to Arsenal, which consistently spent much more on new players than they earn on outgoing ones.
    Another example is the result, that many clubs have few very high value trades each season, and many free or low value transfers.
    Furthermore, some leagues like the spanish LaLiga, have much more internal transfers, regarding value and amount of players than others, e.g. the britsh Premiere League.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files, tests, or entry points are named in the issue. Start by opening the football-transfer visualization and use the numbered sections as the narration outline. Done means a voice-over screencast covers the introduction, plots, options, search, and evaluation.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
content, data-visualization
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.