This project shows the graph of multiple given heat treatment data of a furnace which is constantly monitored and can be received as a stream of data.
Technology : HTML5, CSS3, Bootstrap, Javascript
Library Used Chart.Js
https://ranjanshrma2003.github.io/graph
Channel-1 is default and if you want to see previous graph data then click on channel sequence this will allow you to show the data.
Hide the other graphs to see well structured Dataset graph. (For better presentation See 1st Graph at a time and hide others by clicking on the channel number)
https://drive.google.com/file/d/193sa-mmBgQDSKJIfG5TwhGx17X8LNbKJ/view
https://raw.githubusercontent.com/ranjanshrma2003/jsondata/main/dataset.json
Process:
Parsing the data from CSV to JSON format and passing it into chart JS to generate the graph.
Initially, the Channel-1's data is active, if you click on the channel's number, it will generate the graph automatically.
The graph may not start from origin (0,0) and if it starts from origin, then apply [ True Property ]
This application is Not mobile friendly.
Hosted on github pages