xxxxxxxxxx<html><head> <script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.20/topojson.min.js"></script> <link rel="stylesheet" href="styling.css"></head><body> <div class="header"> <!-- <img src="./Visualizations/images/IPLLogo.jpg" alt="logo" /> --> <h1 align="center" style="color: #0066ff;">Worldwide Food / Feed Consume Analysis</h1> </div> <div class="context"> <h4 align="left">Team Member: JinJian Guo, Zhenchao Zhang</h4> </div> <!-- <div class="bodycontainer"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Team Analysis</a></li> <li><a href="#">Player Analysis</a></li> </ul> </nav> </div> --> <!-- <div class="chord_diagram" id="chordD"> <div class="dropdown_option" id='vis-container-c' position=absolute left=0></div> <script type="text/javascript" src="./js/IPLChordDiagram.js"></script> </div> --> <div class="line_team" id="LineTeam"> <h4 style="text-align:center;">Barchart of Trend of Food Consumed in Ukraine</h4> <iframe align="middle" src="./final_vis1_barchart.html" width="100%" height="700"></iframe> <h5 style="text-align:left;">Most countries have a relative peace environment to develop its economy and increase the population, hence the food consumed by those countries do not fluctuate too much. We choose Ukraine for the demonstration to prove the relationship between population, economy and food consumed was because Ukraine was devided from the Soviet Union in 1992 so its data has a very vivid and apparent differences across the years from 1992 to 2013.</h5> </div> <div class="line_team" id="LineTeam"> <h4 style="text-align:center;">Treemap of Feed Available for Livestock</h4> <iframe src="./feedtreemap.html" width="100%" height="700"></iframe> </div> <div class="line_team" id="LineTeam"> <h4 style="text-align:center;">Treemap of Food Available for Human</h4> <iframe src="./foodtreemap.html" width="100%" height="700"></iframe> <h5 style="text-align:left;"> From two treemap(Feed treemap and Food treemap) we got, we can clearly see the amount comparison from the area of rectangle. The comparison can be affected by its religion and economic growth of a country. For example, China is the No.1 among two maps. India definitely has much more Food amount than Feed, since India called a vegetarian country with less meat consumption etc.</h5> </div> <div class="line_team" id="LineTeam"> <h4 style="text-align:center;">Geomap of Ratio of Feed to Food</h4> <iframe src="./geomap.html" width="100%" height="700"></iframe> <h5 style="text-align:left;"> From the geomap of ratio of Food and Feed, generally, we cannot say that the developed country has higher ratio, since this indicator can be affected by people eating diet, religion, population, animal agriculture, economic growth etc. Based on these factors, we should move forward and conduct the next analysis.</h5> </div></body></html> https://d3js.org/d3.v4.min.js
https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.20/topojson.min.js