I was able to put a web interface on one of the temperature sensors.
I’ll do a code cleanup and post back to the MHV repository
The graph looks nice. ATM I use gnuplot to create my graphs but this one looks much nicer. Even better if it allows zooming in.
It does support zooming and swiping left and right, as well as live updates.
It’s using dygraphs which is a JavaScript library.
The html just needs to contain the links to the outside libraries and serve up the .csv file via http and it’s done.
Good then.
What does this mean? Does it use an internet hosted JavaScript library? If so then it will not fly here, IoT <>Internet. But locally hosted JavaScript is OK by me.
If suitable then I will give it a go.
It means it uses some hyperlinked Javascript libraries. You can certainly download them and host them yourself.
I’m assuming they will not all fit on a ESP8266 but if they do that’s a bonus.
<!DOCTYPE html>
<html>
<head>
<link href="http://metroui.org.ua/css/metro.css" rel="stylesheet">
<link href="http://metroui.org.ua/css/metro-icons.css" rel="stylesheet">
<link href="http://metroui.org.ua/css/docs.css" rel="stylesheet">
<script src="http://metroui.org.ua/js/jquery-2.1.3.min.js"></script>
<script src="http://metroui.org.ua/js/metro.js"></script>
<script src="http://metroui.org.ua/js/docs.js"></script>
<script src="http://metroui.org.ua/js/prettify/run_prettify.js"></script>
<script src="http://metroui.org.ua/js/ga.js"></script>
<script type="text/javascript" src="http://dygraphs.com/1.1.1/dygraph-combined-dev.js"></script>
<style>
.metro
{
//!important is probably not necessary
width:100%;
height:100%;
}
</style>
</head>
<body>
<div class="app-bar" data-role="appbar">
<a class="app-bar-element" href="/">Home</a>
<span class="app-bar-divider"></span>
<ul class="app-bar-menu">
<li><a href="/">Home</a></li>Hello, where can I find this project ? and how can I download it. the layout looks really nice ! is it created in arduino development?