Building a Trend radar in Glide

Dear Gliders,

I am trying to build an interactive “Trend Radar” with Glide. (I am on the Business Plan)

  • You can find fancy examples here: MunichRe, EON, DHL
  • Full-scope Trend Radar Tools that offer embeddable Trend Radars, incl. Itonics, Fibres, etc.

I have all the needed data in Glide, including the detail pages, and (obviously) I can create grouped list components or Kanban (by trend priority, etc.) to visualize it to some extent. However, my “internal customers” want a trend radar view…

—> I need some initial guidance on how to approach this.

What I found out so far:

  • Most solutions use D3.js to create the circular/radial visuals - as it is not a “standard” chart component.
  • I found an open source project by Thoughtworks that also allows for own hosting (that’s what I want/need?) —> Radar Github

How do I best tackle this with Glide?

  • Experimental Code / Javascript Column?
    • Is it best to add the code directly to the column or host via Github (have seen this in the forum already)
    • As I want the data in Glide to be used —> I probably need to use template columns
  • As it needs to be interactive - CSS or rich media components do not work (If I understood correctly)

Other (non-desired)

  • I have quotes from the above-mentioned tech providers that support embeddable radars via iframe that would also connect to my CMS (Airtable) - but come at a significant cost.

I highly appreciate any hint on how to approach this :slight_smile:

2 Likes

As one of the people who has integrated Chart.js with Github, here’s my take:

  • Use Github if you need a nice interface for input (using Experimental Code column). The little problem with this is you have to go over to Github every time to make changes and push the update, but with that, you have access to “previous versions” in case you want to revert.

  • Use Glide’s JavaScript column if you don’t need a nice interface for input. Instant changes are reflected, don’t need to wait for Github to push the update over and refresh your Glide builder tab.

Ultimately, what you want is a URI version of the chart to use in a web embed component.

2 Likes