Flask + HTML5 +Echarts 实现共享数据可视化

Posted 2021-04-23 蓝胖的生信笔记

    (非教程贴)

    最近一直在学习分析scRNA-seq和scATACseq的数据，由于对这两个的分析流程只有初步的了解，就不写怎么分析了，等大成以后再详细的写一写。

    为什么写这一篇文章呢？因为觉得实现的这个功能还是挺有意思的，最近将自己学习分析scRNAseq的数据做成网页来可视化，迈出了第一步，且看上去还挺好看的

    用到的工具如下：python的flask库，简单的html5，强大的Echarts前端框架。
    

ECharts是一款基于javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。

百度百科

Flask 是一个微型的 Python 开发的 Web 框架，基于Werkzeug WSGI工具箱和Jinja2 模板引擎。Flask使用BSD授权。Flask也被称为“microframework”，因为它使用简单的核心，用extension增加其他功能。Flask没有默认使用的数据库、窗体验证工具。然而，Flask保留了扩增的弹性，可以用Flask-extension加入这些功能：ORM、窗体验证工具、文件上传、各种开放式身份验证技术。

Flask官方介绍

实现流程：

1. 利用flask搭建后端服务器，设置路由，函数，由于没有使用异步加载数据，所以所有的数据处理过程我都是利用python在后台处理，后面再考虑考虑怎么使用JavaScript来加载数据……（内容太多了，简单写写）

2. 重头戏在Echarts上，这是我完成这个图的精髓所在，Echartsh真的是一个功能强大的框架，强大到你得花很多时间去学习各种参数，以及传入的数据格式，但是当你摸透了每个参数是干什么的时候，它就变成了一个利器！

以下就是展示的视频～

Play