GPCRviz / flareplot

Visualization tool for changing networks
https://gpcrviz.github.io/flareplot/
Apache License 2.0
19 stars 9 forks source link

Download flareplot #13

Closed cgseitz closed 2 years ago

cgseitz commented 2 years ago

Hello,

After creating a flareplot, how can I download it for use in a presentation, or download a single image? I see the documentation on embedding it into a webpage, but I don't believe that is what I am looking for.

Best, Christian

RasmusFonseca commented 2 years ago

Unfortunately we didn't get around to making this convenient in the flareplot page itself, only on the atlas page (where there's a download icon in the options menu). For a regular flareplot you can either screen-shot (mac Cmd-Shift-4) or the fancy version which is Right-click the flareplot, choose "Inspect", right click the "<svg ...>" element in the inspector and choose copy -> element. Go to a text-editor like notepad and paste the string. Save the file with a .svg ending. Illustrator and inkscape should be able to open up that file or you can convert it at https://svgtopng.com/. Hope that helps

image
cgseitz commented 2 years ago

Hi Rasmus,

Thanks for telling me! I am using linux and mozilla. For those users to come across this, I had to upload my .json to atlas, then right click anywhere and select the "Inspector (Q)" mode, then in the <div id="flareDiv" ... click on the triangle to expand that, do it two more times until I see a "<svg width ..." single line, right click that, copy outer HTML, and paste that into a text file with vi or some text editor, saving it as an .svg as you mentioned. Uploading that to https://svgtopng.com/ then allows me to download the flare plot as a png. Woohoo!

Best, Christian

RasmusFonseca commented 2 years ago

Excellent! I'll consider it a feature-request to get that download button copied over from the atlas 😆