Question

数据可视化的web前端开发采用什么样的架构比较合适

Answer 1

所谓数据可视化的web的前端其实从一个广义角度讲，跟传统网页开发没有什么区别。都是数据 + 模板，组件化模块化也都是类似。前后端分离什么的，也是跟传统网页开发没有两样。现在node作为中间层来做分离方案是比较多, 数据处理交给java或者其他更适合的，node用来做密集IO和模板展现。（但是对于体量不大的应用，其实不需要考虑这么多）

要不要做成单页面应用提高体验取决于应用还得看场景，还有开发复杂度等因素（其实一开始不建议做成单应用，除非一开始就有完整的规划）。如果类似Google Analytics的程序，也不是整站都直接单应用，还是取决于场景。因为往往在网页中单应用的形式，往往复杂度都会高很多，处理的问题也会叠加，图表的性能问题，内存问题，持久性问题，过场的问题等等，都是需要考虑的。
前端框架上最好还是mvvm的框架，vue, angular, react都很不错，用过vue，现在更倾向于使用react。图表展示，是更重数据交互的，所以肯定是开发以数据驱动的方式来。图表库来说，echarts是比较强大的了，底层是canvas。highcharts是svg的，老牌强大图表库，商业使用需要授权。

Answer 2

上一个回答已经写得非常全面，不过多赘述

Highcharts 图表控件 ，兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库； 成熟稳定的商业软件，72 个全球 100 强企业共同的信任。

Highcharts是纯 JavaScript 编写的一个图表库， 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表，同时有丰富的API及详细的使用教程（网页链接）

更多详见Highcharts中文官网：网页链接