This week I continued on the prototype development and data computation process.
It took several hours to filter the right amount of data required for the final project data. During processing the CSV files to fetch the total values of sentiment counts per person, I found out that the range required to set the scale for D3 layout would be huge if I decide to go ahead with the actual values (899, 351, 244, 16, 36, 9). The output would render a large number of nodes on screen that might increase the app payload and potentially impact the overall performance. It might also reduce the animation speed as the force layout will have to calculate and set the coordinates for all the nodes during user interaction. I discussed the issue with the community partner and came to a conclusion that it would be better to scale down the values proportionately to one-third of the total.
I also worked on setting up the layout for the final visualization. I chose a 3 column layout and center the visualization. The left column will display the annotations related to the sentiments represented by the data in the visualization. The right side will display the form controls to select various 360 degree video and device type associated with it. The right column also includes buttons to group and scatter the nodes. The list of 360 video titles used during the research is added to the bottom of the right column.