On this page: PSA Software Built With AI | Glide, glide shows the following image:
Out of curiosity: how would you go about creating this (visually)?
I would explore the the Custom AI component if you need it to be interactive in some way. Since it contains multiple rows of data, you may need to build a JSON object and pass that into the the custom AI component as a parameter.
If it’s just for display purposes, you could use the Custom AI component or build the raw HTML and display it using a Rich Text component.
Either way, it’s probably going to take a bit of work to set up. ChatGPT would be a good source to get started. You could paste the image into ChatGPT and have it build the html framework to use when building the raw HTML injected with your data,or pass the html and JSON into the custom AI component prompt and see what it gives you.
Or if you wanted a bit more of a conventional approach, you may be able to get something similar with a Table component, but for the percents with the colored bar, you would probably need some javascript with the percent as an input that returns a datauri image with the associated color bar and percent as part of he image and then display that image in the table. (note: I’m not 100% sure if the table component can properly display datauri images).
2 Likes
Ya, my first thought is table component but the colored percentages are tags. Here’s something similar I created for a client:
3 Likes
That sounds like an interesting place to start. I don’t have an urgent need for this right now, but I may give it a shot.
Nice! Now you only need to turn this into percentages, add a colored border-top and you’d be done. Seems easy enough 
.
Anyway, thanks for your suggestions! If I have time, I’ll give it a shot.
1 Like