Problem Statement:
Generate a scatter plot and animated transition of an object using D3. Make sure to separate these graphs using the div tag to show complete visualization in blockbuilder.org
Name: Srinivas Havanur
Assignment: CS 725 - VI3 submission
Course: Information Visualization
Semester: Spring 2016
Built with blockbuilder.org
Things that I learn’t in D3
1.There was a problem in rendering the two div elements in d3 as the transition graph was giving partial output. Later I learn’t how to increase the height of rendering block.
d3.select(self.frameElement).style("height", "779px")2.To translate an object from one position to another. D3 has in-built transition() function which can translate either x or y axis based on the value of specific attribute.
3.I also learn’t how to control the rotation of an object during its transition using rotate function. The rotate value ranges between 0 to 180.