We went through several code blocks when working in this assignment. For the sake of updating the scatterplot in our visualization, we thought it would be more straightforward to use cookies (to transfer data between pages) thus refreshing the page instead of actually updating it. However, once we found ourselves having problems printing ‘China’ statistics in our scatterplot, we talked with Professor Kim and he suggested that refreshing the page instead of updating could be the cause of such problem.
Given this situation, our group committed to rebuilding the whole visualization considering the “merge, enter and exit” method learned in class - so we could debug our code and make the user experience smoother. By doing so, we re-faced several initial problems - such as remaking scales (especially making sure the scatter bubbles were falling inside the graph axis), debugging syntax, properly transitioning axis and fixing the zoom (believe us, it got all buggy once we started moving around with the js files). After several hours - and with the help of previous labs’ code and google - we were able to link the visualization to our webpage and be done with the assignment.
All of us overlooked, revised and assisted in most parts of the project, however for the sake of main initiave per peer we had Xuheng Duan taking care of functions such as the drop down menu in the scatterplot, implementing the tooltip for the map, working out the links betwen both visualizations (click on map and highlight on scatterplot), “merge, enter and exit” implementation and restructuring the code; Juliana Fakhoury dealing with project setup, data (gathering, cleaning and merging), styling/brushing visualizations, info bubble (names/info show once click), writing the report (project introduction and drawings, analysis, conclusion and struggles) and setting up the HTML files (final deliverable, linking/presenting visualizations); Duanchen Liu building the map and bubbles for each capital, the "drag around the map" feature, map hovers, linkage between map and scatter (click on map and highlight on scatterplot), assist in the report (encoding information and interaction, analysis, conclusion and team contributions) and “merge, enter and exit” debug; and lastly, we had Xinyu Yao work on things such as the scatterplot's x-axia, y-axis sorting and interaction, debugging overall code, also brush to zoom in & double click to zoom out and “merge, enter and exit” implementation.