#highcharts — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #highcharts, aggregated by home.social.
-
Y la parte técnica por el momento de este #InternetDeLaHuerta está basada como he dicho en un microcontrolador Raspberry Pi #Pico.
Es uno de los herederos de #Arduino, que quizás os suene más.
Arduino abrió camino hace ya años como primer proyecto popular de hardware libre. Y ahora tiene diferentes sucesores.
La #RaspberryPico es una de ellas. Es muy completa y fácil de usar y programar en #MicroPyhon. Aunque al ser más reciente, no tiene tanta documentación o referencias como el propio Arduino o la ESP32, que era otra opción.
En la foto se ve en el centro una placa de pruebas o protoplaca con la Pico, el circuito de color verde. Está montada sobre un módulo de comunicaciones que sobresale por arriba y tiene un espacio donde se inserta una tarjeta 4G.
A la derecha, una batería 18650 que le da la alimentación. Con el tiempo no sé si necesitaré una pequeña placa solar o más baterías. Pero eso hay que decidirlo cuando esté el diseño definitivo y sepa cuántos elementos incorporará.
Por eso mismo, está sobre la placa de desarrollo, en lugar de tener todavía un circuito propio.
Los cables que se ven en la placa van a los diferentes sensores de temperatura, humedad y luminosidad.
A la izquierda se ve un rectángulo negro que es la antena del módulo de comunicaciones.
Éste es un NB-IoT, NB es banda estrecha. Y no es como si tuviéramos un acceso directo a Internet, sino que se programa a base de comandos tipo AT, como los antiguos módems.
Es algo rudimentario y necesitas mucho control de errores, pero consume muy poco, y sirve para su función.
Para no consumir tanto, la Pico se despierta y mide cada 10 minutos. Se envían los datos a un servidor vía HTTP POST. Y se vuelve a dormir.
En el servidor, los datos se reciben mediante un programilla en PHP y se almacenan en una base de datos MySQL.
Puede que en el futuro cambie a Python con SQLite, pero es que es lo que tenía ahora disponible.
Las gráficas están hechas con #HighCharts. Un servicio, que aunque no es libre, no parece recolectar información y es gratis para uso personal.
Si alguien tiene interés en saber algo más de la parte técnica (o política 😀 ) que pregunte. Por no extenderme mucho más.
Cuando tenga el código algo más fino lo publicaré vía GIT. Y procuraré documentar todo.
Mientras tanto, intentaré también ir contando cosas por aquí con más frecuencia. Sigan o bloqueen las etiquetas del hilo. 😊
Sigo... solo un poco más...🧵 -
Zum Wochenabschluss noch ein #WebSerialAPI-Projekt für Messungen mit #SCD40-Sensor am #Calliopemini und Visualisierung der Daten im Browser mittels Gauge-Chart sowie Line-Chart aus dem Portfolio von #Highcharts umgesetzt.
Datenerfassung/Senden unverändert mit den Programmen aus diesem Thread.
Darstellung im Browser:
https://datenverdrahten.de/projekte/calliope_serial_co2monitor/Zusätze: Datum/Zeit der Messung, aktuelle Werte von Luftfeuchtigkeit und Temperatur, Anzeige der CO₂-Konzentration (min/max/avg), SVG-Export, CSV-Export.
Projektdoku ergänzt (»Lessions Learned«):
https://datenverdrahten.de/PDF/Calliope_mini_Datenkommunikation.pdf// CC @calliope
-
Da ich gerade im Kontext von Studi-Projekten mit JS-Chart-Bibliotheken zugange bin, hier eine Gauge-Variante für die Temperaturmessung mit dem #Calliopemini. Auf dem Gerät wird wiederum das Projekt "seriell_json_LST_2" aus diesem Thread verwendet. Im Browser wird vom JSON-String aber nur der T-Wert verarbeitet:
https://datenverdrahten.de/projekte/calliope_serial_temp_gauge/Für die Grafik kommt #Highcharts zum Einsatz (im Bildungskontext frei nutzbar).
// CC @calliope
-
Hello beautiful nerds 🤓 !
The (officially) supported version of HighCharts for EmberJS just got bumped from `v5` to `>=v10`.Hope this will make someone's day nicer.
-
Как мы уменьшили количество кода для генерации графиков в 10 раз, сделав Vue-компонент
Рассказываем, как мы сделали универсальный компонент вместо копирования кода и многократно упростили жизнь разработчикам. Читать статью →
https://habr.com/ru/articles/830608/
#Vue3 #TypeScrypt #Highcharts #JSDoc #графики #графики_и_диаграммы
-
Ugghhh. Anyone used the HighCharts.js accessibility mode?
Any tips or tricks for making it slightly less verbose? Got a very strange repeated region in a map graphic too 🤦
-
Everytime I try and be a good lad and implement #CSP in #rubyonrails, some JS library stops it working and doesn’t load something. In this case, #highcharts - so flipping annoying