生物信息学数据可视化 在线画图

生信分析画图QplotApp设计

2018-11-22  本文已影响9人  quan575

新版地址:http://qplot.cn/indexapp/
一套好的软件需要易于使用,并且有统一的设计原则,
用户在使用的过程中不用花时间去推敲每个控件的作用,
而且可以写程序的时候模块化,节约以后的维护成本。
所以现在需要统一下QplotApp的设计原则。
示例:(http://qplot.cn/apps/013-plot_bar_segment/)

数据导入方式

1.Excel数据粘贴到文本框(主要)
2.tsv或csv文件上传(对于大文件)
数据导入主要居于粘贴的方法,Excel是每台电脑的必备软件,并有计算筛选功能,
用户可以很方便的修改名称,筛选数据,然后粘贴在网页上。

分组文件

常规分析中,经常需要对样本进行分组,分组方式有可能是多样的,有的可能是按性别、年龄;有时样本的分类信息未知或样本比较离散,就需要去除这些样本。Qplot设计时为了不反复的导入数据,需要导入多种分组的分组表格。下面是分组文件的准备方式。

ID名称 分组1 分组2 分组x
A1 A 1
A2 A 1 A
A3 A 3
A4 A 1 A
A5 A
B1 B
B2 B 2 B
B3 B 3
B4 B 2 B
B5 B 2

格式如上,第一列是ID名(通常是样本名),后面列是不同的分组信息,
不同的分组之间没有关系,可以根据自己需求添加很多列,
如:分组1这一列表示,A1-A5样本属于A组,B1-B5样本属于B组。
注意:分组名留空表示以这种分组分析时,丢弃这个样本,如分组2列,丢弃A5 B1,然后其它样本分为3组分析。

image.png

页面排版

  1. 导航:APP名称 常用链接导航
  2. 左侧:多面板(上传数据、修改参数、导出结果)
  3. 右侧:多面板(可视化、数据展示、使用说明)
  4. 页尾:站点信息
image.png
上一篇 下一篇

猜你喜欢

热点阅读