JSFiddle - React, Tailwind, and code Playground
by Sachin Patel
HTML
<img id="chartImg" width="550" height="350" />JavaScript
var data = [{ "UpdateTime": "2022-10-01T00:30:40+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-01T04:31:00+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-01T07:51:00+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-01T07:52:30+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-01T08:32:35+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-01T19:30:40+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-03T03:32:45+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-03T05:32:50+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-03T06:33:00+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-03T07:31:20+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-03T10:30:45+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-03T11:30:45+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-04T04:30:45+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-04T05:30:50+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-04T07:30:55+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-04T11:30:45+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-05T04:31:05+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-05T05:31:10+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-05T11:30:45+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-07T04:30:45+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-07T06:30:45+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-07T08:31:45+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-07T09:30:45+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-07T11:30:45+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-08T03:31:35+05:30", "Status": "SUSPECT" }, { "UpdateTime": "2022-10-08T05:16:50+05:30", "Status": "WARNING" }, { "UpdateTime": "2022-10-08T06:36:50+05:30", "Status": "SEVERE" }, { "UpdateTime": "2022-10-08T19:30:45+05:30", "Status": "NORMAL" }, { "UpdateTime": "2022-10-10T04:30:45+05:30", "Status": "WARNING" }, { "UpdateTime":...