Logboek Programmeerproject 2015

Maandag 1 juni
Orientatie op project. Idee: exoplaneten, interactieve visualisatie.
-Verschillende plotjes met mogelijkheid tot selectie.
-Kaart van het heelal?
-Geselecteerde exoplaneet verschijnt in beeld in baan om ster

Bronnen:
-Data: http://exoplanets.org/
-Nasa-data: http://exoplanetarchive.ipac.caltech.edu/
-D3 visualisatie: http://exoplanet.hanno-rein.de/

Opzet: Visualisatie samenstelling van main skymap met een scherm met planeet specifieke informatie van de geselecteerde planeet. Een orbit vergelijker? Of alleen de orbit van de geselecteerde planeet met de habital zone van de ster afgebeeld

Dinsdag 2 juni
Idee krijgt vorm. Eén hoofdscherm met alle planeten, en een aside scherm met gedetailleerdere informatie over geselecteerde planeet (orbit, lightcurve). Skymap kan overgaan in verschillende scatterplots (bijv. de 3e wet van kepler, ).
Ik haal mijn data van:
data: http://exoplanetarchive.ipac.caltech.edu/
Hier zijn ook lightcurves te vinden.

Donderdag 4 juni
Eerste scatterplot staat. Nog probleem met enkele uitschieters, die schalen de scatterplot verkeerd. Ideeën:

• Scatterplot en skymap zoomable maken
• Centrale knop switchen tussen skymap/scatterplot
• Axis title clickable maken voor kiezen andere variabele (switchen tussen scatterplots)

Beslissingen:

• Orbit model heeft de earth orbit (cirkel met straat AU) als referentie. Voor orbits kleiner dan AU schaalt de orbit. Voor orbits groter dan AU schaalt de baan van de aarde.
• pointer in multiplanet view moet springen naar dichtsbijzijnde planeet, selecteren is nu te lastig. Hiervoor kan hetzelfde mechanisme als de crosshair in de temperaturegraph van data toolkit gebruikt worden.

Bereikt:

• Scatterplot scalen en begin gemaakt aan functie om over te gaan naar andere scatterplot
• Interactie tussen multiplanet view en singleplanet view, muis op een data point in de scatterplot geeft nu een simpel model van de baan van de betreffende planeet.
• Positioning op pagina. Kan misschien nog beter gemaakt worden voor kleinere schermen.

Vrijdag 5 juni
Kan nu switchen tussen twee scatterplots, ook eerste prototype van de singleplanetview gemaakt met orbits in de juiste verhouding. Na end of the week stand-up besloten om niet de cheesy zwarte achtergrond te behouden. Volgende stap wordt assen toevoegen aan de scatterplot en schakelen tussen alle mogelijke scatterplots mogelijk maken.

Maandag 8 juni
Bereikt:

• Planeetbanen zijn nu in hun juiste (ellips)vorm en ster in het midden geplaatst in de juiste verhouding => niet te zien dus...
• Begin gemaakt met de functie om tussen scatterplots te kunnen wisselen. Enige tijd bezig geweest met uitzoeken hoe je in javascript een property van een object variabel kan aanroepen. Dit is nodig omdat alle data dimensies als object properties zijn gegeven.

Dinsdag 9 juni
Code review (door Marten): Zie code-review wiki page Bereikt:

• Transitions werken goed.
• Structuur aangebracht in code

Donderdag 11 juni
Bereikt:
- Assen aan de plot toegevoegd (duurde heel lang vanwege stom klein foutje: select("xAxis") ipv (".xAxis"))

• Data points highlight
• Begonnen met interactieve assen => dropdown menu met dimensies
• Code verder structureren en comments plaatsen
• Gezocht naar het zoomable maken van mijn plots

Vrijdag 12 juni
Afwezig ivm optreden met bandje

Maandag 17 juni
Bereikt:

• Vorderingen gemaakt met interactieve assen. Assen zijn nu de knop om een random dimensie te kiezen.
• Singleplanet info window gemaakt
• Data dimensies geselecteerd die interessant zijn voor encyclopedie
• Verdiept in code structure en modules in javascript. Meer object oriented programming proberen in te brengen.

Dinsdag 18 juni
Bereikt:

• Functionele dropdown menu gemaakt (nu nog styling)
• Betere structuur in code aangebracht
• Scatterplot beter te lezen gemaakt door opacity van punten te verlagen, zorgt voor een soort densityplot.
• Gezocht naar het zoomable maken van mijn plots
• Door middel van het toevoegen van elementen aan het begin van mijn script, de gelaagdheid van de visualisatie en leesbaarheid van de code verbeterd.

Besloten:

• Data moet zoomable zijn.
• Styling MOET nu aan gewerkt worden
• Codestructure overlaten aan laatste week
• Voor geselecteerd datapunt in scatterplot moet een nieuwe circle getekent worden bovenop de scatterplot.

Donderdag 18 juni (en vrijdagnacht)
Bereikt: Minimum Viable Product

• Styling sterk vooruit gegaan
• Alle functies werken minimaal
• Klein beetje storytelling toegevoegd dmv scrapen beschrijving

Maandag 22 juni
Bereikt:

• Nieuwe functionaliteit toegevoegd: highlighten van data punten met zelfde waarde voor geselecteerde dimensie
• Begonnen met animatie planeetmodel
• Structureren van code. Veel code herschreven en compacter gemaakt.