Skip to content
This repository has been archived by the owner on Mar 18, 2022. It is now read-only.

I accepted the challenge from @CodingTrain . I created a visualisation for the stats of runners using the twitter bot for logging progress of running 500 miles challenge

Notifications You must be signed in to change notification settings

AndrisJefimovs/gump500-visualisation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GUMP500 Column Chart Visualisation

I accepted the challenge from @CodingTrain. I created a visualisation for the stats of runners using the twitter bot for logging progress of running 500 miles challenge.

This is my first p5js project.

This visualisation shows:

Total distance

The total distance is being received from the API and shown using the height of the bar. By hovering over it, you can exactly see the distance in miles.

Runner name

The username of people using the twitter bot are shown from the API. You can see them by hovering over the respective bar.

Running manner

If the user is running often, the bar will be green. If you are running a lot, but not regularly the bar will be orange or even red.

Activity frequency

If you use the bot everyday for three days you will get a calendar badge, which will show everyone your activity. Yeey!

Last 5 runs

You can see the distance and the date of the last five runs. They are available by hovering over the bar.

**Hovering on computer is available on mobile devices by tapping on the bar.**

The API used in this project is available here

About

I accepted the challenge from @CodingTrain . I created a visualisation for the stats of runners using the twitter bot for logging progress of running 500 miles challenge

Topics

Resources

Stars

Watchers

Forks