随着网络科技的与时俱进，网购逐渐成为了人们日常生活中不可缺少的一项活动。但同时随着网购数量的日益增长，众多商品价格走势的汇总以及商品种类的统计等的结果的呈现成为了一个难题。因此此作品出于这个观点，利用可视化相关技术支持，将商品数据信息以数字图形化界面展现出来，以便人们免去面对繁多枯燥的数据，进而能更直观的观察商品的相关信息情况。此作品中利用了vue和e-chars等可视化操作。通过vue的接口调用来获取相关商品数据库信息。同时运用e-chars来将获取到的数据进行归类总结最后累加后使用数字模型呈现出来。最后利用vue页面布局的功能，将数字模型（将不同组件分别嵌套到div盒子里，利用路由跳转功能实现登录界面及可视化平台的实现）按照一定的布局规律呈现在页面上。同时为了丰富页面布局，也利用javascript算法实现时间的实时更新，最后呈现在页面布局上。