akash-network / akash-network/console

Enhancement: Dynamic Visual Representation of Providers in Cities

Open
#110 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement P2
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:

  1. 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.
  2. Color Gradients: Use color gradients to indicate the density of providers. A more saturated or darker color could signify a greater number of providers.
  3. 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.

image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.