v2.24.0 - New batch viewer graph
Summary
Hackathon project introducing a new graph visualization: Trade based view
It's possible to toggle between current (transfer based) to the new (trade based)
Also introducing 2 new graph layouts: circle and concentric
Example of concentric layout for batch 0x992cbc5f40755ee858726662a28425dc3aa389c8b53a9b104049d4ae2249dc7f
| Current (transfer based view) | New (trade based view) |
|---|---|
 |
 |
Details
In the new view, transferred tokens (and some AMMs) are the nodes, trades (denoted in green) and transfers (denoted in red) are the edges.
Wrapping/unwrapping is abstracted away. Any native token interaction is replaced by the corresponding wrapped token.
Nodes
Like the previous visualization, click on nodes links to Etherscan.
Token nodes will display a tooltip with token balance on hover
Token images will be displayed when available (for now mostly for Mainnet)
Hyper nodes do not have a tooltip.
They are displayed for intermediate transfers on AMM interactions
Edges
Trade edges are colored green.
The label is the abbreviated order id.
The tooltip shows the full order id and the trade amounts
Transfer edges are colored red.
The label is either the name of the contract that performed the transfer or an abbreviation of its address when there's no name.
The tooltip shows the transfer amounts
Hypernode edges are a special case of transfer edges, where the tooltip will only have a single amount. Either bought or sold, depending on the transfer direction
What's Changed
- Hackathon graph by @alfetopito in #534
- Release/2.24.0 by @alfetopito in #542
Full Changelog: v2.23.0...v2.24.0
