Giter Site home page Giter Site logo

rpodcast / hotshots.dashboard Goto Github PK

View Code? Open in Web Editor NEW
8.0 2.0 1.0 3.09 MB

A Shiny-powered dashboard summarizing virtual racing league stats!

Home Page: https://rpodcast.shinyapps.io/hotshot_dashboard

License: Other

R 76.04% Shell 6.54% Dockerfile 4.78% CSS 12.64%
r shiny

hotshots.dashboard's Introduction

The Hotshots Racing Dashboard!

This dashboard is part of a very fun stack of open-source software created for the Official Wimpy’s World of Linux Gaming Most Official Unofficial Hotshot Racing League Spring Championship (WWOLGMOUHRLSC) competition that took place in early 2021. A group of friends from Martin Wimpress’ Wimpy’s World discord channel who just so happen to really enjoy racing games decided to have a little competition using the retro-style racing game called Hotshot Racing. On top of the immense fun we had, I thought it was a great time to collect our own real-time data for each race and summarize it all with the power of R and Shiny!

The application is deployed here: rpodcast.shinyapps.io/hotshot_dashboard

Want to see the replays of each grand prix session? All of the previous sessions are available on Martin’s YouTube channel!

Installation

You can install the released version of hotshots.dashboard from GitHub:

remotes::install_github("rpodcast/hotshots.dashboard")

Code of Conduct

Please note that the hotshots.dashboard project is released with a Contributor Code of Conduct. By contributing to this project, you agree to abide by its terms.

hotshots.dashboard's People

Contributors

rpodcast avatar

Stargazers

Jonathan avatar Davi Yokogawa avatar Danny avatar  avatar  avatar  avatar Kit Kemper avatar SriRavula avatar

Watchers

 avatar  avatar

Forkers

jfajonathan

hotshots.dashboard's Issues

Add widgets for animation options

A few of the plotly animation options are currently hard-coded in the plot reactive such as:

  • time between frames (500)
  • easing method (linear)

Add simple inputs to let user customize these.

Move animated plot to dedicated module

With the new features I plan to implement for the animated chart, it makes more sense to break it out into a dedicated module. Currently it hard-codes the actual trace used (bar chart segments, point, or emoji text), and only lets the user choose the x axis var (total points, number of top 3 finishes, or total DNFs). We can add more options as widgets either above the chart itself or in an expandable sidebar in the bs4Dash box:

  • Time between frames
  • Type of display
  • Size of points / emoji / line segments
  • Colors for each racer (only applicable for the non-emoji display)

New styling to animated bar chart

The current animated (horizontal) bar chart constructed with plotly is pretty neat, but it could use some extra polish to take it to another style level. Ideally, we could animate a simple little car either immediately to the right of the bar, or in the top region of the bar. Perhaps using a custom emoji or other unicode-like symbol as discussed in chapter 28 of Carson's Plotly book might work?

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.