Phase 3 Process Update 2

This week I continued on the prototype development and data computation process.

Screen Shot 2017-12-17 at 2.20.28 PM

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.

Before passing down the data and mapping the values with the nodes. I used Javascript’s cube root function (Math.cbrt) to take the cube root of the total sum and round up the number to remove the floating points.

Screen Shot 2017-12-17 at 2.19.52 PM

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.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s