Network Stats Web3 Block for React

Each metric carries its direction in the data: transactions per second and active addresses are better when higher, and block time, fee, pending transactions and finality are better when lower. The best of the chains showing is marked per row, ties included, and with a single chain nothing is marked because there is nothing to compare.

A fourth column would not fit the panel's width, so pressing a fourth chain keeps the three you have and the status line says to unpick one first. The last chain can't be unpicked either, so the table always has something in it.

All of it: the chains are fictional and the figures are constants as of the stated time. In your app load each chain's metrics from your node providers or an analytics source on a schedule, show the time of the sample, and keep the direction of each metric next to its definition.

As a glyph and a word, Operational or Degraded, never a colour. The glyphs are in the foreground colour, so the table reads the same in either theme.

Yes. It is a native table with a caption and row and column headings, inside a named region you can focus and scroll sideways. The chain buttons are a toggle group you move through with the arrow keys.

The chain columns scroll sideways inside the table's region while the metric column stays pinned at the start, so you always see which row you are reading.