block by srinivashavanur 8fa5a1c400398ec54582

Scatter Plot and Animated Transition (Visual Implementation 3)

Full Screen

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.

index.html