Assignment 7

web/cloud based application

topic : D3 JS

Task 1: The task one tells us that we have to collect the trending topic from the twitter and we have to shown it in the bubble chart. So for collecting i have use the python using twitter API and tweepy master to collect the tweets and stored in json format. Next i have written the code in html and imported the json file into the java script code and display the result in the bubble chart. The following screen shots will show you the exact procedure for steps to bubble chart displaying the results.

step1: code for collection of tweets using API

step2: Collecting tweets

step3: twitter account trending topic

step4: tweets collection stopped after some time

step5: code for the bubble chart.

#step6: output for the task 1 showing the result in bubble chart

Task 2: now we to create the story for task 2. my story is I have taken that a family tree as my story that i am going to display the family tree of the ambani’s family and displayed those tree with some features like zoom and panning features. Below is the edited format of the HiraChand Govardhandas Ambani json tree and I have written the code for it.

the following are the steps required to complete the task.

step1: code for the tree format of the family of HiraChand Govardhandas Ambani

step2: code for the html to display the output using the d3 js features.

step3: Final output of the task2

THANK YOU