Radar / spider chart

Hi, I need to visualise several scores (mostly from 0 to 5), 3 to 5 items for 7 subjects, to analyse students files to choose whether or not they can integrate specialised learning units.

I can’t manage to do that for the moment for I need students to by in lines and scores in columns and graphic widgets only allow me to pick one score by chart. (don’t know if it’s clear enough :baguette_bread::france::man_artist:)

For the moment, our app looks like that :

Any suggestion ?

Well, I tried everything I could think of without writing code and couldn’t find a solution. :frowning:

For posterity, here’s my document where I tried using:

  1. The Advanced Charts widget - this should have worked with the polar scatter chart type, but the GUI doesn’t let configure it properly.
  2. The Vega-Lite custom widget - the “lite” version doesn’t have radar charts built in. There’s a hack someone made that renders them but it would take some work to properly integrate.
  3. A mermaid.js viewer - could work, but would need to host a widget with the current version of mermaid.js, as radar plots are new.

Thanks a lot for trying. I keep searching by my side.

I updated the mermaid widget to the latest version of mermaid, so now radar plots should work.

I was able to recreate your issue using a copy of your document. I was also able to fix it!

There was an issue with grist.onRecord not being called properly when you selected a new record. It was only being called on the first record.

To fix this issue the Select By needs to be configured properly.

Delete the widget, and re-create it, choosing the correct Select By

1 Like

Oh wow, thanks!

I’ve updated the demo so that it pulls the data from Grist properly. Not a huge fan of the mermaid styling, and I think you’d need to fork the widget to change the mermaid config for rendering sizes, but I’m not 100% sure.

radar