Skip to content
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.

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

Spike swap route visualization #1038

Open
garethfuller opened this issue Sep 2, 2024 · 1 comment
Open

Spike swap route visualization #1038

garethfuller opened this issue Sep 2, 2024 · 1 comment
Assignees

Comments

@garethfuller
Copy link
Contributor

garethfuller commented Sep 2, 2024

Use sankey diagrams from echarts to represent swap routes.

@uiuxxx uiuxxx changed the title Spike swap routes Spike swap route visualization Sep 4, 2024
@uiuxxx
Copy link
Contributor

uiuxxx commented Sep 4, 2024

This spike is to explore the concept of using Sankey diagrams for the swap route visualization.

We currently use e-charts, and they have a Sankey chart type:

https://echarts.apache.org/examples/en/index.html#chart-type-sankey

Designs:

For the most part, we should try to use the Sankey diagram out of the box, especially the shape of the curves.

I have provided some examples (in box like shapes for now). Ideally, this will utilize the e-chart Sankey chart curves out of the box in Production.

Image

More examples can be found here:

https://www.figma.com/design/stjMSRgYKmzmau9InfKbCh/V3-new-styles?node-id=7114-4986&t=poO1o8pW4Wx4KzGA-1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants