glideapps / glideapps/expert-issues

Radar Chart component

Open
#53 1 comment 3 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
5
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Enable builders to visualize multi-dimensional comparisons using a Radar Chart component.

## Summary
Builders want a Radar Chart option within Glide’s chart components to better visualize multi-variable or attribute-based data. This chart type is widely used for comparing performance, competencies, product attributes, survey responses, and other multi-dimensional datasets that don’t map well to bar, line, or pie charts.

## Current Problem
Glide currently lacks a Radar Chart component, forcing users to approximate this style of comparison using less-suitable chart types. This leads to unclear data representation, reduced insight, and forces users into external tools or custom embeds to achieve the intended visualization.

## Examples/Scenarios
- Displaying employee skill assessments across multiple competencies (e.g., communication, leadership, technical knowledge, problem-solving).
- Comparing product features or scores across categories in an internal product evaluation tool.
- Visualizing survey results where multiple attributes need to be compared simultaneously.
- Tracking fitness or wellness metrics across categories like strength, endurance, flexibility, and nutrition.

## Why This Matters
- Radar charts provide intuitive at-a-glance comparisons that are difficult to replicate with existing components.
- Many internal ops dashboards rely on multi-dimensional comparison visualizations.
- Reduces dependence on external charting tools or Web Embeds—all of which add friction and reduce UI quality.
- Helps Glide compete with other dashboarding tools that already support radar-style visualizations.

## Suggested UX
- Add **“Radar Chart”** as an additional option in the Chart component type selector.
- Allow users to map:
- **Labels** (dimensions/categories)
- **Values** (numeric metrics)
- Optional: multiple series for comparison (e.g., two employees or two products).
- Support key styling controls like color, axis labels, number scaling, and legend visibility.

Examples attached from [Chart.js](https://www.chartjs.org/docs/latest/charts/radar.html) and [Untitled](https://www.untitledui.com/react/components/radar-charts).

Image

Image

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.