Make `EGraph` visualizations more interactive using Plotly 🎨 about flamingpy

[Avhijit-codeboy]

I would like to start working on this issue.

[Avhijit-codeboy]

Thanks @ilan-tz !

[soosub]

Already starting to look good @Avhijit-codeboy 😍

Just to make sure we are on the same page: the aim for the plotly visualization is to be relatively close to the matplotlib one. In particular, the shown information (axes, labels, legend) should remain the same. Additionally, we need the ability to draw the nodes with different colours.

For testing, I would recommend using the graph attribute of a SurfaceCode object (generated with the RHG_Graph function) with a small code distance. That will make sure you can easily compare the two visualisation methods.

[soosub]

Example

from flamingpy.codes import SurfaceCode
from flamingpy.codes.graphs import EGraph

code = SurfaceCode(2)
code.draw()

You can also directly access the graph object

graph = code.graph # you can also directly define the graph object with RHG_graph(...)
graph.draw()

The two different colours in the first figure designate "primal" and "dual" qubits, see lines 219 and 220 of the current main

[Avhijit-codeboy]

Thanks for the inputs @soosub! Will integrate these specifications soon.

[soosub]

Hey @Avhijit-codeboy! We decided not to assign issues so as not to discourage other UnitaryHack participants from giving it a shot. However, you can open a draft PR and link it to this issue by including closes XanaduAI/flamingpy#72 in the PR description. Make sure that you put [unitaryhack] in the title of your PR so the bots can find your contributions and make sure you get credit. Once ready, you can open it so we can start to review 👍🏼

[arthurfaria]

Hi, I would also be interested in it. Is this task finished already?

[ilan-tz]

Go ahead, @Avhijit-codeboy ! Thanks!

[Avhijit-codeboy]

I think I'm close to it. Interactivity is working fine, need to figure out info and color scheme according to inputs

Flamingpy.graph.-.Jupyter.Notebook.and.1.more.page.-.Personal.-.Microsoft.Edge.2022-06-11.17-33-37.mp4

.

[Avhijit-codeboy]

Hi @soosub . Can you please assign me this issue? I might be pushing the changes by tonight or tomorrow EOD.

[Avhijit-codeboy]

Fair enough!

[soosub]

Hi @arthurfaria 😎 This issue is already being addressed in #88 by @Avhijit-codeboy. If you are eager to contribute, I recommend issues XanaduAI/ft-stack#189, XanaduAI/ft-stack#190, or #73!