Onzekerheid visualiseren

[AnneliesVlaar]

datapunten en foutenvlaggen visualiseren. Met mogelijkheid om meer/minder datapunten erbij te doen door middel van klikken

[OlivierSwaak]

Ik heb een box toegevoegd en als je daarin klikt krijg je de coördinaten van het clickevent binnen de box (zie de console).

Ik wil dit gaan gebruiken om als eerste punten toe te voegen aan de box om vervolgens van die punten de mean te nemen en de errorbars te berekenen.

[OlivierSwaak]

Nu kan in de box geklikt worden en komt er een punt ongeveer op die locatie. Er is nog een kleine offset t.o.v. de cursor, dus ik zal kijken of ik dit kan fixen.

Verder kan je nu ook buiten de box punten plaatsen, als je klikt rond de randen van de box

Ik zal kijken of we dit of moeten disable-en of dat we die punten dan deels kunnen renderen als het de randen clipt van de box.

[OlivierSwaak]

Ander probleem: als je klikt op een punt pakt het de coordinaten binnen dat punt ipv de clickbox, dus ik ga dit refactoren zodat het altijd kijkt naar de coordinaten van de div.

[OlivierSwaak]

Nu kan in de box geklikt worden en komt er een punt ongeveer op die locatie. Er is nog een kleine offset t.o.v. de cursor, dus ik zal kijken of ik dit kan fixen.

Om de offset van de muis te bepalen heb ik een punt gemaakt, vervolgens geprobeerd om exact in het midden van het punt te klikken.

De offset is in beide richtingen 6 px. Na voor deze offset te hebben gecorrigeerd, voelt waar het punt komt veel beter.

[OlivierSwaak]

Verder kan je nu ook buiten de box punten plaatsen, als je klikt rond de randen van de box

Ik zal kijken of we dit of moeten disable-en of dat we die punten dan deels kunnen renderen als het de randen clipt van de box.

Het is me eindelijk gelukt om het deel van de punten niet te renderen dat ze zich buiten de box bevindt.

[OlivierSwaak]

We willen dat het element kan meeschalen met de breedte van het scherm/hoe ver het scherm is ingezoomed, dus dat heb ik nu aangepast dat het procentueel gaat. Dit betekent echter wel dat de punten buiten het vak kunnen worden geplaatst als wordt ingezoomd, dus ik zal nu de javascript code ook procentueel laten runnen.

[OlivierSwaak]

De js werkt nu ook procentueel:

Ik zal nu ook de puntgrootte mee laten schalen.

[OlivierSwaak]

Als de puntgrootte meeschaalt, dan is de offset door de cursor helaas anders, dus ik laat de puntgrootte voor nu hetzelfde als je inzoomt. https://github.com/NatuurkundePracticumAmsterdam/ecpc/issues/24#issuecomment-2226877032

[OlivierSwaak]

Nu laat het rechter scherm de mean zien.

[OlivierSwaak]

Het is me nu gelukt om een lijn te maken, ik zal hier twee van gebruiken om de errorbars aan te geven.

[OlivierSwaak]

Ik heb nu basic errorbars, alleen ze zijn nog een beetje dik en ze zijn niet in het midden van het punt gecentreerd.

[OlivierSwaak]

Nu is de offset weg

[OlivierSwaak]

Ik heb nu basic errorbars, alleen ze zijn nog een beetje dik en ze zijn niet in het midden van het punt gecentreerd.

Nu is de dikte van de errorbars wat minder

[OlivierSwaak]

Er moet hier nog wat tekst omheen geschreven worden om hem te verwerken in de handleiding, maar ik zal hem weer verplaatsen naar in review en een merge request aanmaken.