akash-network / akash-network/console
Enhancement: Dynamic Visual Representation of Providers in Cities
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 264
- Forks
- 94
- Avg merge
- 18h 49m
- Merged PRs (30d)
- 297
Description
Context:
The current visualization of network capacity on the global map displays single dots for each city with active providers. This representation does not differentiate between cities with multiple providers, potentially obscuring the actual distribution and density of providers.
Problem:
Cities with multiple providers, such as Singapore, which has sg.lnlm.akash.pub and sg.lneq.akash.pub, are currently represented with a single dot. This makes it challenging to recognize areas with a higher concentration of providers at a glance.
Proposed Solution:
Implement a dynamic visual representation for cities with multiple providers. Suggestions for this are:
- Dot Size Variation: Increase the size of the dot proportionally to the number of providers in that city. This would make cities with a higher number of providers more prominent.
- Color Gradients: Use color gradients to indicate the density of providers. A more saturated or darker color could signify a greater number of providers.
- Interactive Tooltips: When hovering over a city dot, display a tooltip that lists all the providers in that city. This would provide immediate and clear information about provider distribution within the city.
Benefit:
This enhancement would improve the user interface by providing a more accurate visual representation of the network's distribution, allowing users to easily identify hubs of activity and make more informed decisions based on provider density.
Additional Notes:
- Consider the scalability of the visual representation for cities that may have a large number of providers.
- Ensure that the UI remains uncluttered and that the information is presented in a user-friendly manner.
I believe this feature would significantly improve the user experience and provide valuable insights at a glance. Looking forward to the team's thoughts on this.
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
No files, tests, or entry points are named. Start by locating the global map visualization and the code that groups providers by city, then clarify which visual treatment is wanted; done means provider density is distinguishable without clutter and provider details are available on hover.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- data-visualization, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100