Week 2
presentatie data week, intro D3.js
We begonnen de dag om 10:20 met een gastcollege van Cleverfranke en Bert Spaan. De notities die ik heb gemaakt bij dit college zijn te vinden op deze pagina. Ik vond het vooral tof om eens te zien wat voor stappen een bedrijf als Cleverfranke nu ondergaat tot zij op een eindproduct uitkomen, en wat voor soorten visualisaties er allemaal mogelijk zijn in opdracht van een externe partij.
Wat ik aan Bert's presentatie het interessantst vond is hoe je met data ook echt playful dingen kunt maken (games e.d.). Wetende dat er vanuit de Gemeente Amsterdam zulke bruikbare datasets beschikbaar zijn om zelf dingen mee te maken is een 'good to know' voor eventuele volgende projecten. De introductie van Glitch en Observable waardeer ik ook.
Aansluitend kregen we een klassikaal college van Laurens over d3.js en vooral het deelonderwerp SVG. De aantekeningen daarvan zijn hier te vinden. Ik heb al eens eerder wat geprobeerd met SVG tijdens de minor en vond het dan ook wel leuk om daar nu wat meer over te horen te krijgen. We kregen hierbij ook de miniopdracht om zelf een svg te schrijven; ik heb snel het hoofd van Baymax geprobeerd te maken;
Deze oefening is te vinden in deze map
Hierna heb ik aan mijn wiki gewerkt; custom sidebar aangemaakt, nieuwe indeling gemaakt, nieuwe pagina's aangemaakt voor de deelonderwerpen en deze zo veel mogelijk ingevuld, losse dingen verbeterd en/of aangevuld en m'n algehele procesverslag geüpdatet.
peer reviews, d3 tips&tricks
Vandaag kregen we eerst een college van Danny over d3; tips&tricks. De aantekeningen bij dit college zijn hier te vinden.
Hierna heb ik alle tutorials uit de playlist van d3vienno bekeken. Sommigen video's heb ik tweemaal moeten kijken aangezien ik half in slaap viel maar de tweede keer was het best prima te begrijpen.
Hierna heb ik geprobeerd de query te schrijven waarmee ik de benodigde data uit de database haal, maar hier liep ik helaas op vast. Ik vraag woensdag Ivo hiervoor om hulp.
tech support
- query middels ivo
To do:
-
Codepen-d3project editen
-
Cirkelgrootte op basis van data maken
-
Basis maken om vanuit te werken
-
Uitzoeken hoe je hierarchie zoals in circle packing, kan doorvoeren in d3
-
Max een half uurtje besteden aan welke data exact nodig is vanuit de dataset
-
Max half uurtje besteden aan welke soort queries hiervoor nodig zijn via SPARQL
-
Wiki d3 bijhouden/updaten
-
Wiki SPARQL bijhouden/updaten
-
Wiki logboek bijhouden/updaten
client evaluation
summative evaluation