怎么将数据在前台展示，实现数据可视化?

最近有一个关于楼宇监控的项目，网页上需要实时显示其中灯光、水管、消防门等设备的打开或关闭状态，平面图ui可以设计出来,但是前端的话,需要怎么实现呢?用canvas或者svg实现的话，容易实现交互，总感觉工作量不是一般的大；如果是放一个大背景图，定位相应元素更换颜色或图片，不容易实现自适应。