我正在构建一个PHP应用程序，用于监视服务的正常运行时间/停机时间。我想用不同的彩色div来表示它的向上或向下，以类似于此（https://codepen.io/spglco/pen/yofBp）的方式来绘制图形。
我很难把代码包起来。
我的数据集当前看起来像这样。这些检查每分钟进行一次，但以后可能会有不同的间隔（可能是每10或15分钟，而不是这里显示的每分钟）：
+---------------------+-------------+----------------+
| created_at | fk_check_id | current_status |
+---------------------+-------------+----------------+
| 2019-05-05 20:40:09 | 1214 | 0 |
| 2019-05-05 20:41:05 | 1214 | 1 |
| 2019-05-05 20:44:21 | 1214 | 0 |
| 2019-05-05 20:52:06 | 1214 | 1 |
| 2019-05-05 21:08:22 | 1214 | 0 |
| 2019-05-05 22:01:07 | 1214 | 1 |
| 2019-05-05 22:08:21 | 1214 | 0 |
| 2019-05-05 23:01:05 | 1214 | 1 |
| 2019-05-05 23:02:06 | 1214 | 0 |
| 2019-05-05 23:04:05 | 1214 | 1 |
| 2019-05-05 23:25:06 | 1214 | 0 |
| 2019-05-05 23:26:05 | 1214 | 1 |
+---------------------+-------------+----------------+
我希望代码具有高性能，因此创建一个循环以输出4320 div（72小时每分钟）肯定会导致浏览器崩溃。理想情况下，最好如上面的链接所示（每小时一格-如果未检测到停机，则为绿色，黄色为1-10分钟的停机时间，红色为11分钟以上的停机时间）。
我最初的想法是通过百分比，并相应地为div上色，但是我仍然不确定这是否是最佳途径。
解决此问题的最佳方法是什么？
谢谢！