Paso 10: Visualizar el Stream de datos
¡ Pongamos EON a trabajar! Todo el código que usted necesita está disponible al principio de la entrada de blog.
El componente de creación de gráficos y gráficas de EON se basa en C3.js, una biblioteca de gráficos de código abierto. Esto le permite construir en tiempo real gráficos de línea, barra, pastel, calibre y donut. Cuando se transmiten datos nuevos, las transiciones son animadas y los cambios se reflejan en tiempo real. Ningún manual refrescante necesaria!
No sólo queremos Mostrar datos raw fuera el sensor como un número de vivir-actualización. Es aburrido. Así que mi socio en crimen Tomomi había construido nuestra visualización temperatura hermosa, que se puede ver arriba! Burla de vivero o invernadero monitor (un típico, realworld caso de uso de sensores de temperatura en tiempo real).
La interfaz es funciona en el navegador, y la tecnología es bastante simple, utilizando Las API de JavaScript de PubNub suscribir los datos enviados desde el chip Atmel. Porque la interfaz es simple, ligero y construido enteramente en JavaScript, es accesible desde cualquier lugar del mundo con cualquier tipo de dispositivo: teléfonos móviles, tablets y cualquier dispositivo inteligente, como usted tiene un navegador web. El propósito principal detrás de esto es presentar información de manera más eficiente sin perder su precisión.
En este escenario, la interfaz de usuario muestra la temperatura actual, también un gráfico de línea simple, actualizar en tiempo real para que usted puede decir los cambios relativos de la temperatura, levantando y dejando caer. Este dato particular es simple, pero cuando tienes múltiples, más datos, visualización de datos desempeña el papel más crucial.