Skip to content

Revive Leios visualization #622

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 34 commits into
base: main
Choose a base branch
from
Open

Revive Leios visualization #622

wants to merge 34 commits into from

Conversation

@ch1bo
Copy link
Member

@ch1bo ch1bo commented Nov 19, 2025 •
edited
Loading

  • Drop yarn/bun setup and simplify getting started. Also add instructions on how to (re-)create example traces. Also add a dev shell that contains tools for development on ui/
  • Format codebase with prettier (Sorry, but that needed to be done)
  • Add small topology, 120s linear leios examples. One with 1 TxkB/s and one with 200 TxkB/s throughput. Also link topologies with existing files in repo.
  • Add full playback control and time traveling visualization
    • Visualize Leios messages traveling between nodes
    • Uses topology latencies for animation when available
    • Rewrote large parts of state management
    • Performance is good for at least 1M events (200 TxkB/s example scenario)
      • TBD: improve (playback / seeking) performance using incremental aggregation
    • Seek forward/backward and do 1ms / 10ms steps, as well as playback at multiple speeds
    • Key bindings for easy navigation
  • BREAKING Drop support for pre-aggregated data (aggregated: true flag and -a option in sim)
  • Add option to not load transactions from a scenario
  • Show node stats on the top right (to not occlude much from the graph)
  • BREAKING Drop block/transaction graphs visualization. We have Ipython notebooks (using R) and also going to use Grafana dashboards instead.
  • BREAKING Drop support for IBs. Only the relevant events of the CIP-164 protocol version are supported now.

Demo

Loading and playing a 120s simulation of 200 TxkB/s linear leios traffic. Mostly used key bindings to navigate the timeline and change speed.

simplescreenrecorder-2025-11-19_22.56.28.mp4

Follow-up / ideas

  • network topology summary
  • visualize upstream/downstream edges
  • only draw connection when active
  • indicate message sizes (length of rects) in visualization
  • use varying colors per RB/EB id (to see propagation)
  • bandwidth in topology? (width of rects)
  • Dynamic topology (links and their latency) based on seen events

@ch1bo ch1bo linked an issue Nov 19, 2025 that may be closed by this pull request
Visualize Leios prototype network traffic with updated web application #620
Open
2 tasks
@ch1bo ch1bo mentioned this pull request Nov 19, 2025
Open
2 tasks
@ch1bo ch1bo force-pushed the ch1bo/revive-ui branch 2 times, most recently from 743fa74 to 25bde3f Compare November 19, 2025 18:55
@ch1bo ch1bo requested review from a team, SupernaviX and will-break-it November 19, 2025 20:45
@ch1bo ch1bo marked this pull request as ready for review November 19, 2025 20:45
@ch1bo ch1bo force-pushed the ch1bo/revive-ui branch 2 times, most recently from 735515a to eb30fa0 Compare November 19, 2025 21:18
ch1bo added 20 commits November 19, 2025 22:19
@ch1bo
Start a shell.nix for ui/
bac570e 
This can be run via nix-shell ui/shell.nix, nix-develop -f ui/shell.nix or nix develop .#ui
@ch1bo
Just use npm
279f1b9
@ch1bo
Render node stats top right corner
aff87fb
@ch1bo
Add note about git lfs
dd06106
@ch1bo
Simplify getting started
7e96d14 
Just suggest using npm and drop bun/yarn lock files
@ch1bo
Create an example scenario and topology
98d386c
@ch1bo
Format with prettier
89c0ea7
@ch1bo
Simplify worker/ui interface and store all events for full timeline c…
4b1638d 
…ontrol

This is obviously going to break down at later, big scenarios.
@ch1bo
Drop batchSize and restructure ui elements
3107f81
@ch1bo
Include transactions if wanted
1f90df8 
Also re-introduce batching to have less state dispatch calls. These
turned out to be the bottleneck (with the processMessage induced copying
between threads being another small one).
@ch1bo
Re-organize scenario loading and playback controls
241676a 
Introduces a play/pause separate from load/unload
@ch1bo
Migrate whole data aggregation to reducers
c618d2f
@ch1bo
Use aggregated data from reduced state
172a604 
This avoids recomputation and provides a single source of truth.
Performance is also better now.
@ch1bo
Render EB messages traveling (constant speed)
c9d45b9
@ch1bo
Enumerate through message types in Stats
51ecd6e
@ch1bo
Add RB visualization and reset node color after no activity
dffaf30
@ch1bo
Stepwise controls
0fe1043
@ch1bo
Use topology latencies when available
f51ecc0 
This seems to match surprisingly well with simulation data. No variance
in the simulation?
@ch1bo
Add transaction visualization
2e51688
@ch1bo
Cache latencies when aggregating
4481cb4
ch1bo added 7 commits November 19, 2025 22:19
@ch1bo
Inline event counting
d1f3785
@ch1bo
Update github workflow to build visualizer
2327be2
@ch1bo
Drop block and transactions views
ecfe5a3 
Both are not as useful and detailed analysis on (long) simulation traces
is made through either IPython notebooks (using R) and future live
visualization using normal graphs is easier done through Grafana.
@ch1bo
Rename types and use them more
7bcb83c
@ch1bo
Drop support for visualizing IBs
92f3a57 
Those are not part of the protocol anymore, but could easily be added
later if needed.
@ch1bo
Drop remaining aggregated data stream code
5aa66b3
@ch1bo
Fixe speed modifier and refactor a bit
3c51ed2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@SupernaviX SupernaviX Awaiting requested review from SupernaviX

@will-break-it will-break-it Awaiting requested review from will-break-it

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Visualize Leios prototype network traffic with updated web application

2 participants

@ch1bo