This is for Node Red. Make sure to have uibuilder installed as a package.
Once Uibuilder is installed, import the flows.json file into Node Red. Make sure to use these files as the source files (direct them inside Node Red to point to the folder containing these files).
It should work right after.
You can replace the inject nodes with other input nodes to change the data but you might have to edit the topics names indicated in the index.html and app.js file. This app was customized for my own project