biocore / biocore/emperor

SVG rendering artifacts

Open
#809 5 comments 0 reactions 0 assignees View on GitHub
bug export high-priority
Dominant language
JavaScript
Stars
54
Forks
47
PR merge metrics
No merged PRs in 30d

Description

I am using qiime2-2022.8. When exporting an SVG from an Emperor plot, and loading the resulting SVG in e.g. Inkscape, I do see ugly artifacts:
![image](https://user-images.githubusercontent.com/11960616/193260289-b00e0106-94f3-45d7-95d4-e4b6f61b59f5.png)
It is reproducible with other graphics editors lile sK1
![image](https://user-images.githubusercontent.com/11960616/193260506-f85ba66b-a3c4-402f-8536-27086d59cccc.png)
or Firefox (slightly different view to show that not only spheres are affected)
![image](https://user-images.githubusercontent.com/11960616/193260655-16aa6e73-997a-4e12-9e11-8feed82c447d.png)

Usually, I am using Ubuntu 20.04, but I also used OSX 10.13 qiime2 for generating the qzv file with the same artifacts.

I am attaching emperor plots generated from both OS (note I had to change file ending into *.zip) and the exported SVG
[emp_osx.zip](https://github.com/biocore/emperor/files/9683762/emp_osx.zip)
[emp_linux.zip](https://github.com/biocore/emperor/files/9683764/emp_linux.zip)

![emperor-image](https://user-images.githubusercontent.com/11960616/193261369-0e47c20d-9f80-4189-a8e1-9bd50d8fcbe3.svg)

P.S. same artifacts show up, when exporting the SVG within OSX/Chrome

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the SVG export from an Emperor plot using the attached Linux or macOS examples, then inspect the exported SVG in Inkscape, sK1, and Firefox. Trace the Emperor plot export entry point and compare the generated SVG with the displayed plot; done means exported SVGs no longer show rendering artifacts across the reported viewers.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics, data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.