Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions week2.md
Original file line number Diff line number Diff line change
@@ -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.
20 changes: 20 additions & 0 deletions week3.md
Original file line number Diff line number Diff line change
@@ -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! :)


17 changes: 17 additions & 0 deletions week4.md
Original file line number Diff line number Diff line change
@@ -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. :)
23 changes: 23 additions & 0 deletions week5.md
Original file line number Diff line number Diff line change
@@ -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)