Panorama: Novel Cross-Chain Visualization

,

Overview

Panorama presents a bidirectional arc diagram visualizing the Polkadot ecosystem networks, with each node representing a network arranged linearly for clarity.

Arcs between nodes show the USD transfer volume over your selected timeframe. Arc thickness and direction reflect transfer magnitude and flow, with full arcs representing bidirectional flows, providing an intuitive view of cross-network value movement and relationships.

You can sort nodes by volume or number of connections to quickly identify major players or hubs. Click any node to explore and highlight its connections.

:right_arrow: See it live here: panorama.xcscan.io

Panorama’s Distinct Advantages

  • Fully responsive and clear on mobile devices.
  • Displays bidirectional flows clearly in a circuit-style layout.
  • Offers an immersive, intuitive understanding of cross-chain transfers.
  • Easily reveals strong relationships and network hubs.
  • Better handles complex multi-network interactions.
  • Facilitates exploration of analytical questions difficult for other visualizations, such as:
    • What are the inflows and outflows of each channel?
    • Which networks have balanced two-way flows?
    • Where do the largest unilateral value movements occur?
    • How dense is overall network connectivity?

The Value of a Unique Visualization

Beyond utility, Panorama aim to serve as a signature visual identity for Polkadot. Amid countless dashboards and charts, a distinctive, expressive visualization becomes a unique viewpoint through which users remember and understand the ecosystem.

A novel, clear, and performant visualization is more than a tool: it’s a brand asset that creates a unique, memorable identity that users easily recognize and connect with.


:heart: We welcome your feedback to refine the UX and vibes as we prepare for full launch.

9 Likes

I think this is a classic but very good approach to dataviz. In 5 seconds you realize what is happening in the network.

I miss a bit of dynamism on the display, like maybe using some tensors between the networks or animating the arcs ( with a moving gradient for example to imply the direction ), and other minor details like font size and so on.

Well done!

Happy to continue in DM with specific feedback!

PS: Coming back into animations, maybe having a time sequence can help to visualise the impact of certain events ( i.e. Hydration campaign started some days ago ).

Also, for the data lovers as you already formatted and tamed the data, CSV export option

1 Like

Thank you for the feedback @wabkebab, it’s exactly what we’re looking for.

We’ll consider adding some dynamism and your other suggestions.

Regarding the data: it’s already available through our public analytics API, and Parquet exports will be enabled soon (the functionality is already in place).

We’re also exploring a scalable data lake setup using DuckLake and MotherDuck’s data warehouse. For us, the integration is seamless, almost just changing a URL. It’s a promising service with high performance and unbeatable pricing compared to BigQuery, Athena, and others.

Feel free to share more insights via DM!