vlambda博客
学习文章列表

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

    (非教程贴)

    最近一直在学习分析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真的是一个功能强大的框架,强大到你得花很多时间去学习各种参数,以及传入的数据格式,但是当你摸透了每个参数是干什么的时候,它就变成了一个利器!



以下就是展示的视频~