mveith / paq-research

Data visualization application for research "Život během pandemie" (by PAQ Research).

Hi there, I'm Miro Veith 👋

BE developer at Mews (Merchant team).

C# | .NET | AZURE | STRIPE | ADYEN

Twitter: miroveith | Linkedin: mveith

Side projects

Dataviz app Život během pandemie

mveith/paq-research | zivotbehempandemie.cz

JAVASCRIPT | NEXT.JS | SEMIOTIC | VERCEL

Dataviz app Czech election

Volební predikce MEDIAN

mveith/CzechElection - example based on the real app.

F# | FABLE | Plotly | NETLIFY

Pocket client

mveith/articles-dispenser-web| mveith/articles-dispenser-api | Articles dispenser

ELM | SERVERLESS | AWS LAMBDA | NETLIFY

paq-research's Issues

UPDATY: Tlačítka na sdílení?

Chceme podporovat možnost sdílet jednotlivá témata na soc sítích?
(Předpokládala bych, že spíš ano).
Prosím, promyslet, co všechno budeme chtít sdílet. Nebo jestli vůbec něco ))

Přidat ke grafu popisky hodnot na stranách grafu (data labels)

Aneb mít konstnantě vypsanou první a poslední hodnoty

Při kliknutí na "interpretace" nebo "metodické poznámky"scroll na nadpis

Při kliknutí na tlačítka pod perexem se zascroluje až pod nadpis -> vede ke zmatení, kam se zascrollovalo.
Prosím zascrollovat o kousek výš, tak ať je i viditelný nadpis.

Na mobil přidat tlačítko "Nahoru" na konec stránky

Grafy s operation "stretch to 100 %"

Vytvořit vlastně dvě varianty grafu (ideálně přepínatelné skrz jednu proměnnou).

1. graf je nastrechován do 100 % -> zobrazí se šedá plocha v pozadí i vertical grid lines
2. graf není nastrechován na 100 % -> nezobrazí se šedá plocha v pozadí, jen grid lines

Automaticky dopočítávat margin u tlačítek kategorií? (flex-wrap?)

Dal by se prosím dopočítávat rozestup tlačítek kategorií dynamicky podle šířky displeje?
Aneb toto vypadá zvláštně, jak vzniká prázdný prostor vpravo vedle tlačítek

Kliknutí na tlačítka "Intepretace" a "metodické poznámky" scrolluje moc dolů

Při kliknutí na tlačítka pod perexem se zascroluje až pod nadpis -> vede ke zmatení, kam se zascrollovalo.
Prosím zascrollovat o kousek výš, tak ať je i viditelný nadpis.

Možnost zobrazit graf ze small multiples detailně

Pěkný nápad od Lucky s Danem, aby si uživatel mohl zvětšit graf na větší velikost (obzvlášť, když jde o grafy ve small multiples)

Až bude všechno důležité hotové, můžeme na to mrknout.

Vis type: Dot plot pro "Kontakt s lidmi"

Použít vertikální dot plot pro znázornění počtu lidí. Linie moc nedává smysl. A nad kuličku vykreslit data label (počet počet osob.

x-axis ticks

Je parádní, že se nám nepřekrývají tick labels na ose x, nicméně, není občas jasné, ke které tick ta tick-label patří, obzvlášť v případě grafů "Kontakt s lidmi".

Poprosila bych teda u těch ticks, které nemají u sebe napsanou label, nastavit jim opacity: .3, takže by to vypadalo následně:

Next level, až se budeme nudit, bude dynamické překreslování ticks, jako u washington post

Nachystat Interaction-tip ke grafům

V pravém horním rohu mít možnost zobrazit tip, jak s grafem interagovat, aneb ikonka + text.
V budoucnu se doladí přesný text.
Nachystat dvě verze -- pro small a large display (rozdílná ikonka + rozdílnej text)

UPDATY : Připravit vlastní zadávání textů pro PAQ

Připravit vkládání textů tak, aby si je mohl zadávat PAQ sám.

=> co nejdříve, jak dovolí harmonogram publikací ostatních

Opravit velikosti small multiples grafů

Chtělo by fixnout velikost grafů, které jsou občas moc malé -> máme nějakou min-width? Respektive, nechceme dopočítávat z velikosti divu multiple-chart-wrapper, ve kterém se grafy nacházej přímo velikost grafů? -> tedy v případě tohoto obrázku něco jako multiple-chart-wrapper.width / 2
Prosím, prosím? .)

Nachystat konfidenční interval pro line chart = range / area chart kolem line chartu

• Zjistit, jestli je konfidenční interval stejný pro celou linii a jestli je stejný v absolutních / relativních číslech (e.g. vždy 10 procent z hodnoty nahoru / dolů)

(WIP)

Design landing page

Prozkoumat, jak může do grafů přidávat poznámky ke konkrétním bodům v grafu / na osách

Jednak poznámky ke konkrétnímu datovému bodu ("most likely outcome ...")
nebo ke konkrétním bodům bodům na osách ("270 electoral votes needed")

Přidat vlastnost disjunktnosti do dat + do legendy.

Poprosila bych, aby u každého tématu přibyla u dat vlastnost disjunktnosti množin (zatím mě napadjí tři odpovědi: ano, ne, nerelevantní (např u počtu kontaktů)
Potom na základě ní by se do legendy (pod jednotlivé kategorie) přihodila větička buď:
Každý respondent patři vždy jen do jedné skupiny
nebo
Respondent může patřit do žádné, jedné či více skupin současně

Větičky jsou ještě ke konzultaci @MichaelaKudrnacova. Přemýšlela bych, jestli nedoplnit info, ala "Každý respondent patří vždy jen do jedné skupiny, tedy součet všech odpovědí je 100 %" a pak " ..., tedy součet všech odpovědí může být větší či menší než 100 %"

@mveith Miro, když mi to napojíš datově, vezmu si na starosti stylování ))

Přidat radiobuttons k nastavení grafu "Aktivity"

Nad grafem / grafy týkajících se aktivity podnikaných během pandemie se zobrazí radiobuttons. Uživatel si v radiobuttonech vybírá jednu ze skupin, do kterých jsou organizované aktivity (jedna skupina má cca 5 aktivit)

Pro souhrný graf se zobrazí možnosti A, B, C a D.
Pro small multiples se zobrazí možnosti A, B, C. Tady platí že jedny radiobuttons ovlivňují zobrazení dat ve všech small multiples.
A: Služby
B: Rodina a cestování
C: Zábava a volný čas
D: Všechny kategorie

Zatím stačí nahodit funkčnost, já klidně doladím design.

Sdílení na twitter

Verze 1.0: Cíl tohoto issue
Možnost sdílet vybranou podstránku (do detailu zvoleného třídění - např. dopad/rozpad na skupiny podle věku)

Verze 2.0:
Možnost sdílet konkrétní graf, např i vybraný graf ve small multiples -- snad, snad?

Verze 3.0: Nejspíš se ani neuskuteční
Možnost sdílení konkrétního grafu s konkrétními vyznačenými hodnotami

Fix tabulky statistických chyb

Přidat horizontal scrollbar + volný prostormezi sloupečky

UPDATY: Do line chartu prům. počtu kontaktů přidat plochu

V line chartu s průměrným počtem kontaktů ukázat plochu s frekvencí kategorie 0–3 kontaktů. Případně i plochy pro 4–10 a 11+ kontaktů, pokud by to dávalo větší smysl a nevypadalo přehlceně.
=> publikace 24. září

UPDATY: Přidat novou sekci ukazatelů "Duševní zdraví" (pracovní název)

K současným sekcím ukazatelů "Ekonomické dopady" a "Chování a aktivity" přidat sekci "Duševní zdraví" (zatím pracovní název). V ní budou ukazatele:

• Obavy z koronaviru (už dříve nachystaná data pro plochový graf, nestihly se texty pro první publikaci) => publikace 24. září
• Obavy ze ztráty zaměstnání (analogické jako obavy z koronaviru, plochový graf) => publikace 24. září
• Stres (zatím nevyjasněné, o co půjde) => publikace 8. října

UPDATY: Připravit vlastní zadávání dat pro PAQ

Připravit vkládání dat tak, aby si je mohl nahrávat PAQ sám.

=> co nejdříve, jak dovolí harmonogram publikací ostatních

UPDATY: Upravit texty: zobecnit základní texty a přidat box "Co je nového"

Upravit současné texty, aby byly obecnější a nemusely být s každou vlnou aktualizovány. Přeformulujeme současné texty, aby popisovaly vývoj od března do konce srpna (např. místo formulací „v současnosti“ dáme „na konci letních prázdnin“) či obecné trendy bez aktuáních čísel. ´
Přidá se rámeček „Co je nového od 1. září?“ který bude popisovat aktuální stav, jeho rozdíly oproti stavu na konci prázdnin, případně krátce trend od konce prázdnin do současné vlny – dohromady i zajímavý vývoj u skupin (pokud byl).

• Kam se rámeček s novinkami dá, jak bude vypadat?

=> publikace 24. září

Stylování tick labels

Barva? Font? Velikost?

Nastavení: Přepínání projekce

OSVČ je výrazně méně než zaměstnanců -> možnost vícero projekcí dat

Použít Fira Sans Condensed na tick labels u grafů?

Chtělo by to otestovat, můžu @mveith ? (Aneb nebude vadit tahat další písmo?)

Nastylovat hamburger menu

Doplnit tick labels na y-ovou osu

V základní verze pojďme ozkoušet doplnit labels po 20 %, tedy doplnit 20 %, 40 %, 60 % a 80 %.

Možná u malých grafů (small multiples) bychom pak přešli na krok po 50 %