2ndtlmining / Fluxnode

Fluxnode Website
https://fluxnode.app.runonflux.io/
5 stars 6 forks source link

Flux Node Utilisation #44

Open 2ndtlmining opened 1 year ago

2ndtlmining commented 1 year ago

Problem Statement

This is basically a building ontop of the Flux Network Utilisation. As the Network utilization provides you an overview of the whole network, the intent of this feature is to provide the person a view of his individual nodes. Thus his own node utilisation.

Functionality

Ideally like to track a summary view and an individual node details.

Summary view

Like to track:

Individual node view

The above mentioned is totalled across all the nodes. Next love to see individual nodes also with the same data minus the Total node utilisation:

UI & Placement

I am open for suggestion on what is possible and what will look best in this department. But what i had in mind is 2 separate section.

The Summary View

Placement:

Idea 1: In Notable node section:

image

Idea 2: Node Overview section

image

Idea 3: New Node Utilisation section: Discussed below but for individual nodes we need a section:

image

Regarding actual design, like to keep it consistent with what we do with Network Utilization thus if its % spinners like to keep it like that if we can. But got ideas down at the bottom for inspiration.

The Individual Node View

As mentioned in idea 3 above think we will need a separate tab. But within the tab not sure what is the best way to show it but we need to show 3 metrics as %. vCPU, Ram and SSD, what i had in mid potentially is the lenght but split into 3 something like this:

image

So something like that, that shows total but then what is used. Not sure what would make sense in the screen and how best to fit, but what i was thinking 3 details column with the actual bar within the column going left to right 0% -> 100%. The IP of the node needs to be on the left. Might need to have an indicator or logo that specifies the tier node if we can fit it. But the idea is we can then filter per column to see the highest CPU % usage for example.

API

This is where we will need to have a look at what we can re-use in code. Especially the Individual Node view as i suspect the API to get this information will be low.

The above will give you what you need.

Inspiration

image

image

this lines.

image

image

One of the community members designed this amazing design:

image

love to see if we could potentially get this cool one day :)