[[ FO ]] - Lýsing Sum maðurin segði; tað frálíkt at vísa á, at ein dugur at heinta dátur úr einum API og vísa tað á einari heimasíðu har brúkarar kunna filtrera visualiseringina. Her nýta vit fiskahagtøl sum verða dagførd einaferð um mánaðin. So kunna vit líkasum síggja hvat hendir har, ha? Eg kalli hesa applikatión 'hagfisk'. Altso hagtøl + fisk. Hagfisk. Hagfisk, havi eg funni útav, er eisini ein heilt ótrúligani ólekkur og slímutur fiskur. [INSERT PHOTO]. Men ja, eg fór við tí allíkavæl. Anyways, her er ikki so nógv at siga: taka dátur frá hagstovu-API, skriva til ein lokalan DuckDB OLTP-dátugrunn á servara, servera API til web dátur, front end til at visualisera dáturnar. - Leiðbeining Far inn á síðuna, hygg og filtrera. - Tøkni Rust - axum, serde, tokio, tower-http, reqwest, rust-embed DuckDB html js css echarts - Keldu kota https://git.flo.fo/FLO/hagfisk - Leinkja https://hagfisk.poc.fló.fo [[ DA ]] ## Beskrivelse Som den gamle mand sagde: Det er jo meget fint at vise, at man kan hente data fra et API og visualisere dem på en hjemmeside, hvor brugerne kan filtrere visningen. Her bruger vi fiskeristatistik, som bliver opdateret én gang om måneden. Så kan vi ligesom se, hvad der sker, ikke? Jeg kalder denne applikation 'hagfisk'. Altså statistik (FO = hagtøl) + fisk. Hagfisk. Jeg har fundet ud af, at hagfisk også er en helt utrolig modbydelig og slimet fisk. [INDSÆT FOTO]. Men ja, jeg gik med navnet alligevel. Anyways, der er ikke så meget mere at sige: Hent data fra Hagstova-API'et, gem dem i en lokal DuckDB-database på serveren, eksponér dem via et API til webfrontend'en, og visualisér dataene. ## Vejledning Gå ind på siden, kig dig omkring og filtrér. ## Teknologi Rust – axum, serde, tokio, tower-http, reqwest, rust-embed DuckDB HTML JS CSS ECharts ## Kildekode https://git.flo.fo/FLO/hagfisk ## Link https://hagfisk.poc.fló.fo [[ EN ]] ## Description As the old man said: It’s pretty great to show that you can pull data from an API and visualise it on a website where users can filter the view. Here we’re using fisheries statistics, updated once a month. So we can kind of see what’s going on, right? I’m calling this application ‘hagfisk’. Basically, statistics + fish. Hagfisk. I’ve since discovered that hagfish is also an incredibly gross and slimy fish. [INSERT PHOTO]. But yeah, I went with the name anyway. Anyways, there’s not much more to say: fetch data from the Hagstova API, store it in a local DuckDB database on the server, expose it through an API to the web frontend, and visualise the data. ## Guide Go to the page, have a look around, and filter. ## Technology Rust – axum, serde, tokio, tower-http, reqwest, rust-embed DuckDB HTML JS CSS ECharts ## Source Code https://git.flo.fo/FLO/hagfisk ## Link https://hagfisk.poc.fló.fo