MMM-Strava



  • @MisterT I’ve just pushed an update to the module which may have fixed it. Can you update the module and let me know how it works out?



  • @ianperrin, i update your module and…tada it works 👍 great job
    MMM-Pages rotate and MMM Strava is visible
    Everything is good now

    I also try your other update about radial chart vizualisation and it’s great. I tested with year to date for bike and run and its’awesome. Just 2 remark:

    • In my opinion the radial gaphic it’s just a little too big and the graphic overlaps the other module.
    • I think we need informations about custom css in order to display colors about kilometers like for exemple:
      less 10 km for running in a month : red color
      from 10 to 30 km for running in a month: orange color
      over 30 km for running in a month : green color

    see you next time



  • @MisterT - Great to hear it’s working now 👍



  • @MisterT said in MMM-Strava:

    the radial gaphic it’s just a little too big and the graphic overlaps the other module.
    I’m working on making the chart size customisable - watch out for further updates

    I think we need informations about custom css in order to display colors about kilometers like for exemple:
    less 10 km for running in a month : red color
    from 10 to 30 km for running in a month: orange color
    over 30 km for running in a month : green color

    I like the idea of colouring the bars based on a target. Will think about this one.

    In the meantime, to customise the colours of each bar in the radial chart, add the following to the custom.css file in ~/MagicMirror/css.

    .MMM-Strava svg path.bar.interval-1 {
      fill: #67b7dc;
    }
    
    .MMM-Strava svg path.bar.interval-2 {
      fill: #6794dc;
    }
    
    .MMM-Strava svg path.bar.interval-3 {
      fill: #6771dc;
    }
    
    .MMM-Strava svg path.bar.interval-4 {
      fill: #8067dc;
    }
    
    .MMM-Strava svg path.bar.interval-5 {
      fill: #a367dc;
    }
    
    .MMM-Strava svg path.bar.interval-6 {
      fill: #c767dc;
    }
    
    .MMM-Strava svg path.bar.interval-7 {
      fill: #dc67ce;
    }
    
    .MMM-Strava svg path.bar.interval-8 {
      fill: #dc67ab;
    }
    
    .MMM-Strava svg path.bar.interval-9 {
      fill: #dc6788;
    }
    
    .MMM-Strava svg path.bar.interval-10 {
      fill: #dc6967;
    }
    
    .MMM-Strava svg path.bar.interval-11 {
      fill: #dc8c67;
    }
    
    .MMM-Strava svg path.bar.interval-12 {
      fill: #dcaf67;
    }
    

    Note: As the radial chart is in beta, the css classes may be subject to change.