Tag Archive for Grafer

Grafer for vitamin-indhold

Så lykkedes det at få grafer indført i visningen af frugt og grønt i oversigten (nomango.dk).

Jeg har efter et tip brugt highcharts – og det fungerer superfint! Så fik jeg da også leget lidt med javaScript og at få php-værdier ind i grafen.

Her er et eksempel på broccoli og et eksepmel på agurk. De eneste to jeg indtil videre har fået sat billeder ind på også. Grafen er over vitaminer som jeg har udvalgt statisk – dem jeg mente var de mest relevante pt. Men jeg vil også gerne have mineraler ind over.

Og der er lang vej endnu, da jeg gerne vil have mulighed for at sammenligne forskellige værdier på graferne og der er også lang vej i forhold til visningerne. Og så er jeg ikke engang begyndt på at inddrage de forskellige egenskaber ved vitaminerne og generelle beskrivelser af det hele. Men måske det kommer inden ungerne er flyttet hjemmefra (de må snart kunne sættes til noget udviklingsarbejde ved PC).

Apropos billeder, så overvejer jeg lidt hvordan jeg skal gribe det an. Burde jeg have mine egne? Men indtil videre er det hentet fra det store net og tilpasset så det passer i siden. Jeg har valgt at lave billedet som et slags banner i str 800×200 px. Men inden jeg får tilføjet alt for mange billeder i det størrelse, skal jeg vist lige være sikker på om det er det jeg vil. Jeg har ikke nødvendigvis sat mig på noget design og layout endnu, men det er pt sådan det er blevet. Hvem ved om jeg ikke laver det om før eller siden, og så er det ikke så fedt hvis det bliver for statisk med billederne, som så alle vil skulle beskæres og redigeres om.

Mere om vitaminer og værdier

Sortering af tal-kolonner
Jeg bruger DataTables til visning af de forskellige værdier. Det bruger jQuery og er nemt at tilpasse så der både kan søges i, filtreres og sorteres.

Jeg har netop dog netop opdaget at sorteringen ikke helt virker så smart lige nu. Den sorterer kolonnerne med værdier som et tekst-streng og ikke som et tal, dvs. 400 er pludselig lavere end 60 i den sortering (fordi 4 er mindre end 6). Det kunne løses ved at angive at kolonnen er et tal ( sType: “numeric” under aoColumns), men jeg er også blevet nødt til at fjerne alle andre tegn fra kolonnen, dvs unit og %-tegn. Og vil egentlig hellere have det på. Men indtil videre er det uden, for sorteringsfunktionen er vigtigere.

ADT-værdier fortast
Har nu fået fat på en mere officiel kilde mht. anbefalet tilskud: retsinformation – der står meget af det samme og da der bliver skrevet om kosttilskud primært, har jeg atter undret mig om det anbefalede – ADT – er udover hvad man ellers får tilført med kosten. Jeg har dog ladet mig fortælle fra en pålidelig kilde at det ER alt daglige tilførsel, inkl. det man får gennem kosten (men jeg modtager gerne rettelser inkl. kilder!)

På retsinfo-siden er der noget ekstra godt info: Grænseværdier for anbefalet dosis, dvs både en minimumsværdi og en maksimumværdi. Hurra! Det er hermed tilføjet som to ekstra kolonner i de relevante felter og værdierne er tilføjet (ført til protokol at det tog 13 minutter …)

Vandopløselige og fedtopløselige vitaminer
Har desuden tilføjet et felt i vitamin-mineral-tabellen, der angiver om det er fedt- eller vandopløseligt, da dette også vil være relevant for måden det bliver i kroppen på og måden det kan indtages på.

De fedtopløselige vitaminer: A, D, E, K:
At et vitamin er fedtopløseligt betyder at det kan lagres i vores fedtvæv og dermed holder vitaminet længere i kroppen. Her kan man bruge et gennemsnitligt indtag i kroppen. Derudover kan det være farligere med overdosis af de vitaminer der lagres i fedtet, fordi de bliver i kroppen.

De vandopløselige vitaminer: C, de otte forskellige B-vitaminer:
Hvis det er vandopløseligt udskilles det som regel med urinen, hvorfor det skal fyldes på på daglig basis og det ikke er nok med et ugentligt højt gennemsnit indtaget på enkelte dage i ugens løb. Til gengæld vil et overskud af de vandopløselige vitaminer blive tisset ud.

Layout
Har fået lidt tip og sådan ind på siden …

Leger med grafer nu, skriver lige i en seperat log.

 

Tabeller og visning af frugt- og grønt

I går og i nat fik jeg endelig atter kigget lidt mere på frugt- og grøntprojektet. Det er ikke kommet over på sundere.nu endnu, da jeg hellere vil koncentrere mig om selve databasen og funktionerne isoleret set – placeringen og sammenhængen mellem andre systemer er knap så vigtig pt.

Databasen og tilføjelser

For at opsummere, så er der tre mest relevante tabeller i den downloadede fødevaredatabase:

  • FoodInfo: indeholder id, navn og fødevaregruppe for en fødevar, fx “banan, rå”, gruppe 6.
  • CompName: indeholder id, navn og enhedsbetegnelse for et komponent, fx energi i kj, næring såsom protein og kulhydrat i g, vitamin/mineral i mg eller andet.
  • Nutrients: relationstabellen mellem FoodiInfo og CompName, som angiver værdien af et komponent i en fødevare. Der findes en bestloc-værdi som lader til at være den der tages udgangspunkt i og derudover en median, en minimum- og en maximum-værdi. Det lader gerne til at der enten er målt en median eller en minimum/maximum for hver fødevare og komponent.
  • Classif: indeholder betegnelserne for alle fødevarergrupper og subgrupper, fx gruppe 6 som er frugter og har subgrupper som kernefrugt (10), sydfrugt (40) m.m.

Jeg har tilføjet et par felter til tabellerne indtil videre:

  • Både FoodInfo og CompName har fået et active-felt, der enten kan være 0 eller 1 og som indikerer om jeg vil have denne fødevare eller dette komponent skrevet ud på listen. Fx er der nogle værdier jeg pt ikke behøver at få vist, såsom indeholdet af aske eller alkohol (i en frugt/grøntsag?). Og der kan være fødevarer inden for kategorien, som jeg ikke synes er så relevante og derfor hellere vil flage ud.
  • FoodInfo har fået værdien color som vil angive den farvegruppe en frugt/grøntsag kan kategorieseres under. Denne skal både være ment til en mere visuel opdeling (især for børn), men også fordi bestemte farver ofte udspringer af at der er mere af bestemte vitaminer i. Det kan være en god måde at spise varieret på, ved at gå efter forskellige farvegrupper. Farverne skal ikke blot skrives, men også vises.

Jeg overvejer lidt om farvegrupperne burde have en tabel for sig, hvor jeg bl.a. kunne notere egenskaber og farven dermed hellere skal være angivet med en henvisnings-ID i tabellen FoodInfo.

Derudover kommer der også et felt der skal henvise til et billede. Jeg skal lige overveje om dette billede skal være gemt som en fil og blot have en henvisning i tabellen eller om selve billedet rent faktisk skal uploades og gemmes i selve databasen. Mere om overvejelserne senere.

Opdeling og visning af oversigten + grafisk visning på todo

Oprindeligt havde jeg lavet en fælles udskrift af både frugter og grøntsager, som man så evt. kunne sortere og søge i. Derefter opdelte jeg alligevel listen så frugter og grøntsager kom for sig. Vitaminer/mineraler står også for sig i en anden liste.

I går delte jeg yderligere op, da jeg opdagede at der under frugter også fandtes nødder og at der under grøntsager også fandtes bælgfrugter (linser/bønner). Egentlig vil jeg ikke have disse underkategorier med i projektet, men i stedet for at gøre dem inaktive har jeg sat dem i en liste for sig, og overvejer om de skal med.

Jeg har sat en begyndende visning af en frugt op. Her kan man se alt indholdet af vitaminer og mineraler. Pt er det lidt dødsygt og uoverskueligt at kigge på, da selve tallene er uden sammenhæng og svære at forholde sig til.

Jeg vil gerne have lavet en grafisk visning af tallene og gerne en mulighed for at sammenligne. Har kigget lidt på muligheder og efter at have forkastet jqGrid som det ikke lykkedes mig at få til at virke, har jeg hentet jpgraph i stedet. Så er der lidt at arbejde med.

Mere todo: Søgning og filtrering

Derudover vil jeg have lavet en mulighed for at søge og filtrere efter egenskaber som: flest kostfibre, mindst sukker, mest af et eller andet vitamin – både pr gram men også pr “alm. portion”? Kræver at der så kan komme en definition på “en alm. portion” for hver fødevare.

Derudover skal der være mulighed for at krydse flere fødevarer af og sammenligne på en graf.

I selve oversigten over frugter og grøntsager vil jeg egentlig stadig have listet de vitaminer/mineraler der er “meget” af, så den del skal jeg også have kigget på.

Endnu mere todo: Egenskaber/superheltekræfter

Og så mangler hele tabellen med egenskaber, som jeg skal have opbygget fra bunden og som kan relateres til vitaminerne. Egenskaber kan fx være “bedre syn”, “stærkere knogler”, “hurtigere regenerering”, osv – det skal kunne bruges som motiverende for både børn og voksne og fx gerne relateres til “superhektekræfter” (for børn og barnlige sjæle). Eller måske som i et spil, hvor man kan få ekstra styrke, karisma eller udholdenhed ved at spise mere af en bestemt vitamin>frugt.