Auswählen, welche Metrik auf welche Dimension (Grundfläche, Höhe, Farbe) abgebildet werden soll

Bei Klick wird in beiden Selects der nächste Commit ausgewählt.

A class with a metric value 3 times higher than another class currently seems 9 times larger.

Use the base area instead of the side length to make it appear only 3 times larger as it should be.

Background: the colorization per commit (blue and orange) does not make sense in the split view, because the user can make a difference between the two versions without color anyway. Initially, the colorization per metric can be used or it can be even thought about other informations that can be visualized by color (e.g., the age of the components or the colorization of the 3 biggest and 3 smallest components).
When only the color metric is used, the radio switch for choosing the colorization can be removed.

Labels showing the commitId should be changed so that they also show the date and time of the according commit. So the user can remember what commit he chose.

Examples:

• ComparisonContainer => Headlines in the table should be added with date
• Tooltips
• tbc

It would be a cool feature to be able to automatically make a picture for each commit and combine them in an animated GIF or a movie. This has no real analytical value but it would explicitly show the evolution of a project which would be a gimmick in every presentation :).

• detailed description
• detailed instructions
• screenshots

Über einen Button kann eine Animation gestartet werden. Bis sie manuell gestoppt wird werden die Commits nach und nach durchlaufen und die Visualisierungen ändern sich.

Diese Faktoren müssen dynamisch gesetzt werden:
Die maximale Höhe aller Blöcke, die ggf. gezeichnet werden könnten, ist x. Alle anderen Höhen damit berechnen.

=> die Faktoren können deutlich kleiner sein als aktuell, sodass auch die Kamera eine "kleinere" Startposition erhalten kann

Ein Helfer-Block ist immer dann sichtbar, wenn eine Klasse im "anderen" Commit größer war. Der jeweilige Helfer-Block muss dann die Höhe des "anderen" Commits annehmen.
Dafür muss noch eine Methode geschrieben werden, da es momentan nur möglich ist, mit der Höhe des aktuellen Commits zu arbeiten.

Interface.js, Z. 138
Möglichkeiten:

• Fehler abfangen
• Modul-Metriken anzeigen/einbauen

Negative Größe, falls das Padding zwischen den "Gebäuden" zu viel von der berechneten Grundfläche abzieht

Possible solution: delay for showing them or hiding them automatically after a few seconds
Also put more space between top left corner and mouse pointer.

renderer = new THREE.WebGLRenderer({..., preserveDrawingBuffer: true});
...
imgData = renderer.domElement.toDataURL();
var w = window.open('about:blank','image from canvas');
w.document.write("<img src='"+imgData+"' alt='from canvas'/>");

Note that the change of different metrics can have a different meaning: increase can be good but also bad, depending on the metric. To avoid confusion, use arrows instead of colors.

Can produce performance issues for large "citys"

A checkbox should be added to the UI to show/hide those files.

see https://threejs.org/examples/misc_controls_pointerlock.html

es werden nicht alle blöcke korrekt transparent dargestellt (wenn zB ein block angeklickt wird, der auf der anderen seite nicht vorhanden ist)

CommitId nicht in die JSON-Struktur mit aufnehmen, sondern dynamisch ermitteln

Targets:

• less information shown simultaneously
• rendering performance (?)

unveränderte Dateien: gelb/grau (?)
hinzugefügte Dateien: grün
gelöschte Dateien: rot
veränderte Dateien: orange/blau (mit Transparenz)

Beim Mergen der Commit-Daten müssen die Klassen und Module, die nur in einem der beiden Revisionen vorkommen, erhalten bleiben und mit gerendert werden.

Die Seite, die die Dateien NICHT enthält, könnte stattdessen eine leere Grundfläche zeigen. Dies sollte aber einstellbar sein, evtl. auch über eine Checkbox. So hat der User mehr Freiheiten.

http://jsfiddle.net/wLzs4/3/

The JS code should be available to be used by current JS dependency management tools like npm or bower. This way it can easily be integrated into other tools (like coderadar itself ;)

When clicking a button, the camera could automatically animate to bird's-eye view.
Idea: preview in the corner/in the middle of the screen?

Suche über Autocomplete-Feld. Falls gefunden: fokussieren.

Screen.js, Z. 126

Check if this would cause problems with OrbitControls