Tornado/Bokeh交互式仪表板和；添加了其他javascript的工作流创建应用程序

我一直在尝试使用以下功能/工作流程构建自己的数据分析平台-

从外部系统生成/检索数据的后端（例如，使用mqtt、websockets的时间序列数据）

选项卡式Web应用程序-

A.直观地定义工作流（即交互式定向图/流程图） 我希望在屏幕上有一个区域，用户可以看到选择的形状（例如矩形）（即变换）将形状连接在一起，以创建将在数据上运行的链变换

B.在网格布局（即交互式仪表板）中显示转换结果（以及原始数据的其他图表）

虽然我在早期的项目中使用过Django，但我对大部分内容都是新手，这次我希望有一个异步的、非阻塞的体系结构

我已经将我的系统构建到了一个基于MQTT的发布/子系统已经完成的地方&如果请求，后端可以发送数据

这是我的问题/困惑-

我已经阅读了tornado文档、bokeh文档、示例（例如服务器嵌入示例）以及许多关于如何做这些事情的帖子/问题/文章

当我试图在不使用javascript的情况下找到解决方案时，我没有遇到过任何简单的方法/示例，比如用纯python创建响应良好的网格布局、交互式流程图或可视化编辑器等。python似乎最适合我的应用程序所需的其他东西，例如pandas、numpy、blaze、odo、scikit、tornado

然而，每当我看javascript时，都会看到大量漂亮的东西，比如jquery、JointJS、AngularJS等等，这些东西看起来很酷，很容易使用

另外，我在某个地方（quora？）读到一个关于Jinja2和AngularJS的答案，大意是“你不应该两者混用，因为Jinja2=服务器端HTML生成vs.AngularJS=浏览器端HTML生成，这两种生成不能很好地混用）

所有这些都让我更加困惑，因为我对其中的大部分都是新手

所以我的问题是-

什么是架构上正确的模式、示例或使用时的参考

a、 服务器/Web服务器的tornado

b、 将bokeh用于原始/转换数据的交互式图表

c、 使用一些漂亮的CSS（或者SASS？）

d.使用一些现有的HTML5框架，如布局的基础*响应网格

e、 在同一个浏览器页面的某处使用类似JointJS的东西将块连接在一起，以定义转换

如果我使用javascript，而我不使用javascript，那么这在架构上对tornado模板系统意味着什么

我可以或者应该在这个组合中使用Jinja2吗（我看到了一个例子，说明了与Jinja2集成是如何在tornado上进行模板制作的更好选择）