Week 2 - ManoukK/functional-programming GitHub Wiki

• Ik heb gewerkt in svg. We moesten in een kwartiertje ongeveer iets maken en ik heb dit gemaakt:

en dit is mijn code ervan:

<svg>
    //haar
    <circle cx="100" cy="70" r="60" stroke="black" stroke-width="3" fill="brown"/>
    
    //oren
    <circle cx="50" cy="90" r="20" stroke="black" stroke-width="3" fill="#ff6781"/>
    <circle cx="150" cy="90" r="20" stroke="black" stroke-width="3" fill="#ff6781"/>
    
    //hoofd
    <circle cx="100" cy="90" r="50" stroke="black" stroke-width="3" fill="pink"/>
    
    //ogen 
    <circle cx="80" cy="70" r="10" stroke="black" stroke-width="3" fill="lightblue"/>
    <circle cx="120" cy="70" r="10" stroke="black" stroke-width="3" fill="lightblue"/>
    //pupillen
    <circle cx="80" cy="70" r="3" stroke="black" stroke-width="3" fill="black"/>
    <circle cx="120" cy="70" r="3" stroke="black" stroke-width="3" fill="black"/>

    //neus
    <rect x="95" y="80" width="10" height="20" fill="#ff6781" />

    //mond
    <rect x="80" y="110" width="40" height="5" fill="#cc0000" />

    //lijn
    <line x1="20" y1="20" x2="20" y2="200" stroke="steelblue" stroke-width="3" fill="lightblue"/>
    
</svg>

• We hadden een hoorcollege van de dataweek dus in de ochtend heb ik niet aan code gezeten.
• Laurens gaf een college over wat je allemaal kan doen met d3. Dat was wel handig maar vond wel lastig te begrijpen maar dat komt wel als ik zelf ermee ga werken.
• Ik heb nog een film(pje) gekeken over d3 en dit maakt het wel heel duidelijk wat je kan doen met d3 https://www.youtube.com/watch?v=IyIAR65G-GQ&list=PL9yYRbwpkykvOXrZumtZWbuaXWHvjD8gi&index=12

• Met svg spelen vond ik heel leuk! Alleen de lines in svg vind ik nog lastig te begrijpen.

• Alles ging wel goed.

• Ik heb een d3 template gezocht voor mijn idee. Ik had al snel deze gevonden: http://bl.ocks.org/ganeshv/2b852863d91ee21ddf71 ik vind deze wel heel fijn omdat zijn cvs bestand heel erg lijkt op dat van hem of haar. Ook zit er gelijk al een hover in wat ik ook wilde en de legenda vind ik ook heel handig.

• Het zoeken naar een d3 voorbeeld ging snel en goed. Het was even prutsen om hem aan de praat te krijgen maar het is uiteindelijk gelukt. Zoals je in de link hierboven ziet zit alles (css en js) in html. Dat wilde ik nu al los breken omdat ik bang was dat het alleen maar moeilijker word hoe meer je erin werkt. Na het losbreken deed d3 het nog steeds! Gelukkig! Toen heb ik mijn eigen cvs (gedownload van sparql) ingeladen en het werkt ongeveer!

• Ik begreep heel lang niet waarom mijn cvs niet zichtbaar was op de kaart. Ik heb het probleem even opgeschreven en door de code gelezen en toen kwam ik er achter dat ik mijn benaming in mijn cvs natuurlijk anders is dan het voorbeeld. Dus toen ik mijn eigen benaming erin heb gezet werkte het.
• Ik moet uiteindelijk via de sparql data ophalen en niet via cvs maar dat wil ik later nog toepassen.
• Hoe de kleuren range in elkaar zit in mijn code is nog een beetje vaag en dat wil ik nog zeker wel aanpassen. Ik denk dat het antwoord hier in zit maar daar ga ik morgen weer naar kijken. https://stackoverflow.com/questions/41848677/how-to-make-a-color-scale-in-d3-js-to-use-in-fill-attribute

• Ik heb in plaats van csv een query ingeladen. Dit is gelukt dankzij Robert en Laurens.
• Nadat ik de query in heb geladen kreeg ik andere errors, die heb ik gefixt.
• Roy en ik hebben elkaar feedback gegeven. Ik vond dat ik goede feedback kreeg waar ik ook wat mee kan! Het meeste wist ik ook wel omdat ik nog een beetje erg achterloop maar toch fijn om het van een ander te horen.

• Ik ben eindelijk van csv afgestapt.

• Een query inladen ging heel moeilijk. Ik begreep gewoon echt niet hoe dat werkte. Na veel proberen, code kijken, vragen en testen is het eindelijk gelukt en ik snap nu ook eindelijk hoe dat nu moet. Ik vond het heel lastig om voor me te zien hoe het zou moeten werken. Ik heb hier wel bijna de hele dag aan gezeten.

• Ik heb me weer even ingelezen over higher order functions en heb dit gelijk aangevuld in mijn wiki. De linkjes die ik heb gelezen staan daar in.
• Ik heb mijn readme aangevuld. Ik kreeg feedback van Robert en Roy en deze heb ik toegepast.
• Ik ben door mijn issues heen gegaan en heb die verwerkt, erop gereageerd en gesloten.
• Ik had de hele dag bugs in mijn code. Die probeerde ik te fixen alleen dat is helaas niet gelukt.
• Ik heb mijn concept gepresenteerd aan Richard.

• Mijn readme en issues zijn nu af en weg. En mijn wiki is bijna af (van 14/10 schrijf ik vrijdag ochtend)
• Ik ben ietsje verder gekomen in mijn code alleen het doet nog niet wat ik wil.
• Mijn concept presentatie ging goed! Volgens mij was Richard wel enthousiast dus dat is fijn!

• Bugs fixen ging heel moeilijk. Eerst dacht ik dat ik van mijn array 2 losse arrays moest maken. Toen ik dacht had gedaan bleek dat niet de oplossing en dat vond ik ook wel logisch want de landen en de counts moeten natuurlijk verbonden zijn. Toen had ik geprobeerd mijn array te verwerken in de code. Dus verwijzen naar mijn array ipv de var defaults die word gebruikt. Al snel kwam ik erachter dat dat niet werkte. De defaults moest heel nauw samenwerken met mijn array. Ik keek naar de basis code om te kijken wat er precies gebeurde en de csv array die je er in kan zetten word door gestuurd naar de defaults. Dus moest ik dat ook doen met mijn array. Ik had toen mijn array in de defaults gezet, eroverheen gemapt/geloopt en er een nieuwe array uit gehaald. Dit is tot nu toe de oplossing. Een deel van mijn code werkt nu alleen loopt het ergens vast, wat mijn volgende probleem is.

• Het is mij gelukt om en de counts in de popup te zien en de kleuren te tonen.

• Aan het begin toen ik in D3 werkte had ik alle ["_id"] code vervangen voor [field] want uit mijn field kwamen de counts. Niet wetende dat ik dat ook tussen haakjes moest zetten. Vandaag ging ik nog even kritisch kijken waar de fout vandaan kwam en toen ik in de console keek en keek naar de oorspronkelijke code kwam ik op het idee om te testen of het werkte als ik alles in haakjes zou zetten en ja dat werkt!

• code opschonen en consistenter, alleen maar var gebruiken en eigen en betere namen geven
• d3 makkelijker voorbeeld vinden,
• nog beter begrijpen wat er gebeurd,
• d3 beschrijven wat ik heb geleerd ect.