diff --git a/week2.md b/week2.md index e69de29..babac97 100644 --- a/week2.md +++ b/week2.md @@ -0,0 +1,21 @@ +I would like to refect on the covid 19 vis tool this week. +https://covid19.who.int/?gclid=Cj0KCQiA1KiBBhCcARIsAPWqoSpEiFeDtL5pLgjQGfENrEhAaeYtC3rRE53USShomu67dztjW6RLewIaAkOTEALw_wcB +This is part of the World Health Organization(WHO) website. This pandemic is reshaping our society and keep influencing people everywhere in the world, +so I think tracking the daily change of the covid cases and report them to people is important. +This graph is color-coded to represent the number of the covid cases in each country. +Users can compare the number of cases in each country immediately with those colors. The country with more cases is coded with dark blue, +and the country with fewer cases is coded with light blue. +![image](https://user-images.githubusercontent.com/59973823/107990550-a5ae9800-6fa2-11eb-95dd-cbdd7cc7dae8.png) + + +To view the detail of the cases in each county, uses can zoom in and put their mouse on that country on the map, and the total cases and death number will be displayed as a label. +Users also can click on that country to view more detail about the covid cases in that country. The Data Table is also available on this website. +The table view has different attributes, including total cases, daily cases, total death, daily death, +and users can total between the ascending rank or descending rank for each attribute. +Users also can view the graphic information by clicking on the name of that country in the first column, and each graph is correspond to that attribute column. + +![image](https://user-images.githubusercontent.com/59973823/107990486-8f084100-6fa2-11eb-9d33-ba4f475160bf.png) + +In general, I think this is a very well-designed visualization tool to report the covid cases and it can help people to understand this pandemic. +One thing I think it can change is the color coding method, because it is difficult to represent a large range of number using a single color. It can switching between blue, +yellow, and red to have a larger rang representation. diff --git a/week3.md b/week3.md index e69de29..ac74e9e 100644 --- a/week3.md +++ b/week3.md @@ -0,0 +1,20 @@ +Reflection Week3 + +This week I would like to reflect the "worldometer" which is a big data visulization website. +The GUI design is not very fancy on this website but it is very easy to use and very convenience in which you always can find what you are looking for very fast. +One of the biggest role of this website is to report the Covid cases during this pandamic. +All the graphs on this website have three different views which are "daily", "linear" and "logarithmic". +The "Daily" plot is a bar chart in which the hight of each bar represents the cases in that specific date, and the users can view the detail information of that day by +moving their cursor on that bar, and the small label with detail information will appear. +The linear and logarithmic chart can give different information. On mathmatical side, the logarithmic graph is more impressive at the beginnig of this pandamic due to +the geometric growth cases number. +Meanwhile, they also provide the table view for total cases, new cases, total deaths,total recoverd, and also daily information for each country. Users can rank this table +depends on different attributes. Each cell also color coded based on the growing rate. To view the detail for a country, users can click the name and the table view for that +specific country will be displayed. + +https://www.worldometers.info/coronavirus/country/us/ + +There also some other data people can visualize on this website such as the world population. +In general, this is not a very fancy designed website but very user friendly and ez to use :). As we learned in class, the function always goes first! :) + + diff --git a/week4.md b/week4.md index e69de29..3668239 100644 --- a/week4.md +++ b/week4.md @@ -0,0 +1,17 @@ +This is Week 4 +I would likt to reflect on https://arvr.google.com/earth/ which google earth VR application. +In this application the users can visualize the map in a 3D view with 3 different mode: "Walk Around", "Fly", and "Browse" +By controling the direction of the holding controlers the users can navigate to the desired position. On the map, the user can use the handler to click on +the section of intrest and the detail information of that section of that region will be displayed on the side, and the user also can view the entire early by increaseing the +viewing height. +I think the most powerful function of this application is the user can view all things in all different direction which is totally different from 2D map. +I tried this application 5 month ago in NYC and it really impressed me; all the visulization is very similar to the real world and I can "fly" with this application, +but it might not good for someone who has acrophobia lol +To quickly navigate to a far distination, users can click the home button +on one of the handler and a small earth animation will display above the handler. Then the user can use another handler to rotate the earth and nagivate to a differnt place. +All the 3D graphs in this application are generated from linear or non-linear transformation, and the coolest part of this application is that this visulization tool gives all the +controls to the users, and 3D space always contains more information than the 2D map. +Comparing to the traditional 2D maps, this application is more impressive more like an intertainment. +By using this visulization tool, we can travel to all different places without physically going there. + +I am very interested in the rendering algorithm in this application. :) diff --git a/week5.md b/week5.md index e69de29..6d12c02 100644 --- a/week5.md +++ b/week5.md @@ -0,0 +1,23 @@ +This week I would likt to reflect on some d3 visualization example on visHub. https://vizhub.com/ +This is a very useful website in terms of finding d3 visualization coding examples. +The interaction is a very important in data visualization and it can give a user a very comfortable using experience. +In this example: https://vizhub.com/Joker-tr/bba73a9ffbaa4c33bbc39a5b3be07116 +The author uses the scatter plot and the linking view with barChart to represent the number of nuclear events in the last 100 years at different location for different countries. +The linking view is a very powerful method because it can show the user the relationship between two or more data sets at the same time, +and it also can be used in zooming in the data to show more details. +In this visualization, the author uses the total Nuclear Events as the y feild in barchart and the time as the x feild. The purpose of this visualization is represent +the number of Nuclear Events during a time on the world map. +We could see that the name of that country is color coded on the map and and the size of the circle is correspond to the Nuclear Events Magnitude. +By using the bar chart linking view we can visualize the distribution of Nucelar Events during a time. +On the top of this visulization tool we could see two drop down meues in which we ca choose the Purpose of Deployments and the Type of Deployments. Those feilds can filter +our existing data to smaller subsets and provide more detail information to the users. +Users also can clink on the circle to view the detail infromation such as the name, Year, Type, and magnitude. +In general, by using different type of visualization tools and combining them properly, we can give the users better using experience. + +https://vizhub.com/Joker-tr/bba73a9ffbaa4c33bbc39a5b3be07116 + + +![image](https://user-images.githubusercontent.com/59973823/110359190-2e9d7a00-800b-11eb-99ed-e9e9f3553d82.png) + + +