12.06.2023 - #54
Balken- und Liniendiagramme
Im Zuge einiger Spielereien mit alten Computern (ca. aus den Jahren 2000-2010)
hat sich eine gewaltige Menge von Benchmark-Ergebnissen und technischen Eigenschaften angesammelt, die ich irgendwie visualisieren wollte.
Mehr zu den Computern und den Hardware-Komponenten in einem anderen Blogeintrag :)
Kurzerhand habe ich dann zwei kleine Scripts geschrieben, die ein HTML-Canvas mit Balken- und Liniendiagrammen erstellen.
Zusätzlich kann ein List-Element angelegt und verknüpft werden, welches die Werte-Namen anzeigt.
Die Farben der ersten drei Werte-Reihen (Blaken sowie Linien) sind aktuell als dunkelblau, grau und schwarz vordefiniert,
da dies gut zum Stil meiner Website passt.
Die Farben etwaiger weiterer Balken folgen dem RGB-Spektrum beginnend bei rot über grün hin zu blau.
Ich empfehle nicht mehr als 10 Werte-Reihen zu verwenden, da sonst die Farbübergänge zu fein werden
und sich die Reihen-Namen und Farben nicht mehr gut zuordnen lassen.
Das Balkendiagramm steht aktuell nur in der horizontalen Variante zur Verfügung.
Die Abmessungen des Canvas werden vom User vergeben wobei die Höhe zusammen mit der Anzahl der Einträge
den Abstand zwischen den Balken bestimmt. Bei zu geringer Höhe überschneiden sich die Balken und es gibt eine Fehlermeldung in der Konsole.
Die Balkenbreite wird automatisch auf maximal 90% der Breite des Canvas angepasst.
Bei Bedarf können die Werte der einzelnen Einträge am Ende des Balkens angezeigt werden.
Hier ein Beispiel mit jeweils Benchmark-Ergebnissen früher NVidia Grafikkarten:
Die Konfiguration des Canvas erfolgt im draw_bars()-Aufruf:
draw_bars('Canvas ID','List-Element ID',Array-Name,Schriftgröße,Linienstärke,'Gitternetz-Farbe','Werte anzeigen');
draw_bars('myBar1','listBar1',Array,12,12,'white','show');
Das Liniendiagrmm kann aktuell als einreihiges Diagramm mit mehreren Werte-Namen oder als mehrreihiges Diagramm mit einem Werte-Namen angelegt werden.
Hier ein zweireihiges Beispiel mit den Rohöl- und Benzinpreisen der letzten Jahre:
Die Konfiguration des Canvas erfolgt im draw_graphs_new()-Aufruf:
draw_graphs_new('Canvas ID','List-Element ID',Array-Name,Schriftgröße,Linienstärke,'Gitternetz-Farbe');
Hier der Code des oberen Liniendiagrammes:
<canvas id="myGraph1" width="768" height="384">Your browser does not support the HTML5 canvas tag.</canvas>
<ul id="listCards1"></ul>
<script>
var Array = [
['year','Ölpreis','Benzinpreis'],
['2014',96.29,152.8],
['2015',49.49,139.4],
['2016',40.76,129.6],
['2017',52.43,136.6],
['2018',69.78,145.6],
['2019',64.04,143.2],
['2020',41.47,129.3],
['2021',69.89,157.9],
['2022',100.08,192.6],
['2023',82.95,184.9],
];
draw_graphs_new("myGraph1","listCards1",Array,12,3,'white');
</script>
Das Anzeigen der Werte in Zahlenform wie beim Balkendiagramm ist hier nicht möglich.Eintrag Aktualisiert: 03.04.2024
05.05.2023 - #53
Parksensor einkleben
Neulich bemerkte ich beim Entladen des Wocheneinkaufes,
dass einer der Parksensoren sich von der Heckschürze gelöst hatte.
Glücklicherweise habe ich eine Anhängerkupplung und so hatte
ich relativ leichten Zugriff auf die Innenseite der Schürze.
Wichtigstes Utensil bei solchen Arbeiten: GEDULD!
Der herausgefallene Sensor ist wieder an seinem Platz und funktioniert wunderbar :)
In ein paar Wochen wird es dann wohl so weit sein, dass auch der andere Sensor dran ist. Naja, was solls...
09.02.2022 - #51
Soundlogic 80042 Wireless Speaker
Um beim Wischwasser nachfüllen am Auto nicht zu kleckern besorgte ich mir heute in einem 1€-Laden
ein Set aus drei Trichtern und noch ein paar Sortierkästen für Kleinteile und Schrauben.
Im Bereich der Kasse fiel mir dann dieses interessante Stück Technik auf:
Der Soundlogic 80042 Wireless Speaker - für ganze 10€ :D
Irgendwie war ich von dem doch sehr einfachen Design angetan und die abgebildeten Features weckten direkt meine Neugier:
- LED Partybeleuchtung
- FM Radio
- 800mAh Akku
- AUX Eingang
- USB Anschluss
- MicroSD Slot
- Tragegriff
- Handyhalterung
- BT 5.0
- 8-10m Reichweite
- 3W Leistung
- 80+/-2dB Empfindlichkeit
- 100Hz - 20kHz
- Laufzeit bis zu 2h
Also: Ab auf's Kassenband damit und ab nach Hause!
Beim Einschalten meldet sich die Box mit einer Sprachansage:
"Soundlogic on"Dann springt sofort die "Partybeleuchtung" an: Wie es scheint ist das eine einfache Farbwechsel-LED hinter einer kleinen Spiegelfläche.
"Bluetooth Mode"
"Connected"
Natürlich nicht Taktgesteuert oder so, die läauft einfach die ganze Zeit durch. Schaut jedenfalls ganz witzig aus.
Die Box an sich misst 14,7 x 11,1 x 8,5 cm (HxBxT) und ist aus 4mm "starkem" Holz gefertigt.
Sie ist sehr, sehr leicht - gerade Mal 310g - und klingt auch sehr hohl.
Eine JBO GO Box wiegt (ink. Karabiner) gut 150g...
Dann ging es an die Hörprobe. Die Sprachansage vom Einschalten lies nichts gutes vermuten...
Als die Box dann die ersten Töne von sich gab (Stromae - Papoutai) wurde diese Vorahnung bestätigt:
Etwas blechern, jedoch noch absolut erträglich, brauchbarer Mittelton und vor allem recht spritziger Hochton. Nur leider so gut wie keine Bässe... Schade, denn das Volumen hätte bei der richtigen Chassiswahl durchaus für etwas mehr Grundton gereicht.
Rein für Sprache ist die Box schon relativ gut nutzbar. Es klingt etwas nasal muss ich sagen, jedoch habe ich auch schon bei Flachbild-TVs für viele hundert Euros deutlich schlechteres gehört!
Hier eine Hörprobe:
Titel: Tobu - Hope [NCS Release] (Youtube)
Mikrofon: MiniDSP UMIK-1
Wie gesagt, unten rum sehr dünn, da ist wirklich gar nichts...
ältere Beiträge