FancyHeatmap - 基因表达量探索浏览器支持SVG输入了!

写在前面

很久以前,我们推出《热图,还只会用方格子?@所有人,论文热图升阶的时候到了!》这一功能。目前已有一定的用户量。


这种表达展示方式最大的好处是,为大脑提供降维解读,直观查看基因在不同组织或者不同时期的表达量。【注:具体降维能力基于用户使用的文件】。
前述,这一功能确实已经有不少用户,但相信多数人已经发现,这一工具:

  1. 只接受TGA格式的图像文件(无损),为位图,无法较好地支持随意的缩小放大,不够自由
  2. 即使图片保存在PDF或者SVG等矢量图格式,那么结果并没有改变,热图仍然为位图(png),当然,事实上足够清晰,可以用于发表。

但,总的来说,后期图形的编辑能力丢失(我们提供的准备TGA文件的流程),所以,支持矢量图导入 / 导出是我们相对关心的事情之一。这也是我早已有的想法,将svg转换为JIGplot元件,只要做到这一点,那么其实后期可以做的事情很多,甚至我们可以给他增加交互动作,比如点击弹窗,鼠标悬浮显示信息。

同时支持SVG和TGA图像的FancyHeatmap

更新后的版本,在同一个输入界面,如果是输入TGA,那么一切表现与之前完全相同。但是如果你使用了.svg文件作为输入,那么TBtools会先将SVG文件转换为JIGplot对象,保存于内存。


这种做法的好处在于,后续的响应更快,尤其是在切换不同基因查看表达量时。
此外,一旦我们将图形元件化之后,我们得到了另一个操作的灵活性,可以增加一些交互,如下:

当我们鼠标移动到某一个特定组织时,悬停,那么会弹出具体的基因和表达量数值
当然,这种情况下,无论如何缩放,都不会有TGA输入时的尴尬(虽然最终保存位图时没有太大问题,不过查看时还是不够爽)。【左侧SVG导入导出,右侧TGA导入SVG导出】

当然,其实最大的好处,或许是保存成PDF或者svg时,是完全的矢量图。【左侧TGA导入SVG导出,右侧SVG导入导出】

得到这个结果,那么我们可以做更多的事情,比如修改文字,旋转,倾斜...后期需要换个方式摆图...就不用修改之前的图片,等等....

写在最后

积跬步,以致千里。
I'm a slow walker, but I never walk back. 事实上,我清楚我自己的智商,我也看到很多人的智商,我们都不是聪明人。但,只要你持续地积累,那么就会有意想不到的结果。

你可能感兴趣的:(FancyHeatmap - 基因表达量探索浏览器支持SVG输入了!)