radius-project / radius-project/dashboard
Color coding and icons for resource types in app graph
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 18
- Forks
- 13
- Avg merge
- 1d 12h
- Merged PRs (30d)
- 10
Description
Overview of feature request
As a Radius dashboard user, I would like the application graph to display different colors and icons for each resource type to make things more visually pleasing and easier to view.
Acceptance criteria
Each box (node) in the application graph is color-coded per the type of resource (e.g. blue for application, yellow for database, etc.)
Each box (node) in the application graph displays an icon corresponding to the type of resource
Additional context
Refer to https://github.com/radius-project/dashboard/issues/43 for details on sourcing and using the official Radius icon images for the various resource types, etc.
Would you like to support us?
- Yes, I would like to support you
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the application graph's node-rendering entry point in the dashboard and review issue #43 for the official Radius icon sources and usage details. Done means each graph node uses a color and icon determined by its resource type, matching the acceptance criteria.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100