From d4842ddf9f62eab8da1f306c58bf9007ddb42017 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Thu, 20 Jan 2022 15:31:44 -0500 Subject: [PATCH 01/10] Update week1.md --- week1.md | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/week1.md b/week1.md index e69de29..8fdb701 100644 --- a/week1.md +++ b/week1.md @@ -0,0 +1,23 @@ +Week 1 +--- +Link: https://leetcode-cn.com/progress/ + +This is a website of the LeetCode (a plantform which can help students to practise coding) which can display the data about the problems the user has solved yet. +There is a pie chart on the right of the page which show the data and their rate. + +Introduction +--- + +1. The colored part in the graph indicates the problems which are finished by the user, while the grey part indicates the problems which are not finished yet. +2. It uses the depth of the color to represent the degree of difficultly of each problem. The deeper the color is, the more difficult the problem is. +3. We can see the detail data rate by click on the corresponsing part. +4. When we move our mouse above a part of the chart, we can see the value of the data of this part. + +Explanation +--- + +- I found this chart when I practise coding on this website. +The reason I chose it is because its display method satisfies the user's needs for viewing the progress of solving the problems. +- It can help users to analyze the amount of the problems a user has solved yet. +It can also tell user the composition of these problems, the pass rate and the rate of the difficult questions among them. +- This chart is much useable and it can help the users to make the practice plan better in the future. From 54131de75f14408a9e393864676b71880ffa89e4 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Mon, 24 Jan 2022 08:48:38 -0500 Subject: [PATCH 02/10] Update week2.md --- week2.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/week2.md b/week2.md index e69de29..a5fa655 100644 --- a/week2.md +++ b/week2.md @@ -0,0 +1,29 @@ +Week 2 +--- +Link: http://www.vizualism.nl/friends-1994-2019/ + + + + + +Introduction +--- +This is a chart which shows the emotional experience and the relationship between the main characters during the ten seasons in the sitcom *FRIENDS*. + +Although I haven't watch this sitcom before, I have heard about some plots in it. The two main characters Rachel and Ross fell in love and broke up for several times. + +And this chart gives the fans a intuitive and lively show about the changes of their relationship. + + +Explanation +--- + +- The chart is organised by the timeline. +- On the left of the chart, there are ten numbers in grey which indicates the ten seasons of this sitcom. +- On the right of the chart, there are some classic and core plot in of *Friends* by the chronological order. +- On the op of the chart shows the indivldual avatars of the six main characters. + While on the bottom of the chart, the author put the avatars of the couple together. +- The core part of the chart is the colored lined in the middle. + When two lines are crossed together, it means that someones fall in love and the name of the plot is bold on the right. + Also, there will be a heart figure on the intersection of the lines. +- Although this chart doesn't have as much meaning as the chart about the epidemic and the COVID, it's quite interesting, especially for those fans of *Friends*. From e2bb55e547157df42081cda6eca9355d9d582fab Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Wed, 26 Jan 2022 15:24:00 -0500 Subject: [PATCH 03/10] Update week3.md --- week3.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/week3.md b/week3.md index e69de29..809c3f2 100644 --- a/week3.md +++ b/week3.md @@ -0,0 +1,29 @@ +Week 3 +--- +Link: https://2050.earth/ + + + + + + + +Introduction +--- +This is a dynamic chart which shows the conjecture and speculation of the cities from different countries all over the world. + + +Explanation +--- + +- The chart takes ten years as a stage and is divided into three stages including 2030, 2040 and 2050. +- The yellow point means the corresponding cities have been predicted by someone and he/she uploaded the 3D picture of the city. + Click on the point, then you will jump into the detial pages of the city. + There will be some scenery of the city and most of them are the landmark. + It supports viewing by 360 degree rotating. +- The white point means the corresponding cities have been predicted by someone and he/she uploaded the description about his/her prediction. + Click on the point, then you will jump into the detial pages of the city. + These predictions and descriptions are about various aspects of the cities, such as transport, education and so on. +- There are also many empty which means the corresponding cities haven't been predicted yet. + People who have some imagination about them can upload their prediction. + From cb5deb5f8bcd32f7309a4cc4c41f37cacbdf8bce Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Thu, 3 Feb 2022 23:18:45 -0500 Subject: [PATCH 04/10] Update week4.md --- week4.md | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/week4.md b/week4.md index e69de29..495d7b0 100644 --- a/week4.md +++ b/week4.md @@ -0,0 +1,38 @@ +Week 4 +--- +Link: http://metrocosm.com/global-immigration-map/?utm_content=buffer113b2&utm_medium=social&utm_score=twitter.com&utm_campaign=buffer + + + + + + +Introduction +--- +This map shows the estimated net immigration (inflows minus outflows) by origin and destination country between 2010 and 2015. + + +Explanation +--- +- Blue circles = positive net migration (more inflows) +- Red circles = negative net migration (more outflows) +- Each yellow dot represents 1,000 people. +- Hover over a circle to see that country’s total net migration between 2010 and 2015. + Click a circle (or tap the circle twice on mobile) to view only the migration flows in and out of that country. +- This chart use flow to show the source and whereabouts of migration which is a quite effective way. + +Analysis +--- +When US immigration is viewed by region, the area that really stands out is Asia, +which now accounts for just as much US immigration as North + South America (Mexico included). + +Immigration between the US and Mexico is particularly complex, +since it involves both legal and illegal immigration as well as temporary laborers, deportations, and a large number of people living in immigration detention facilities. +For that reason, America’s true net migration with Mexico is uncertain, and may actually be much lower than what’s shown here. + +Australia, another country where immigration has become a highly charged political issue, jumps out as an interesting case. + +By these estimates, Australia’s net immigration is negative with every country in the world, +except for a small positive immigration balance with Sudan. +Australia is the only country in the world to have significant positive net immigration with the US. + From aaf5e395cf3cf9b6c18c4e42fee51a2d5f7c2d81 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Wed, 9 Feb 2022 17:57:16 -0500 Subject: [PATCH 05/10] Update week5.md --- week5.md | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/week5.md b/week5.md index e69de29..afd5e33 100644 --- a/week5.md +++ b/week5.md @@ -0,0 +1,43 @@ +Week 5 +--- +Link: https://www.nikon.com/about/sp/universcale/scale.htm + + + + + + + + +Introduction +--- +This website lets you see and understand the relative size of the full range of known objects in our universe, +From the tiniest microcosm to the vast reaches of outer space +including the galaxies and the planets in the universe, as well as the human and the other animals and plants on the earth and +the microbes like bacteria and virus, and even smaller objects like molecule and atom. + +You can see the relative sizes of objects arranged on a single scale, +and grasp the sizes of things that you cannot compare side by side in the real world. + + +Explanation +--- +- The main background is a grid map, which shows the different objects' figure and are moving from the big objects to the small ones. + You can also change the range of size of the objects by scrolling the mouse +- 由左至右展示了由小至大的objects,在他们的下方有对应的标尺，用于表示它们所对应的尺寸的范围 +- 鼠标移动到对应事物上时将出现对象的名称，点击则会切换到该对象的详细界面 +You can jump to the page you want by clicking/tapping on the bar that indicates a scale position. +You can scroll by mouse wheel or swipe the screen left and right with a touch device. +Clicking/tapping the object of your interest will take you to an explanation of the object and its size. +You can see the explanation by clicking/tapping the object or white bar on the bottom of the object. +The object you selected will be displayed together with other objects for size comparison. By clicking/tapping the “Bigger” or “Smaller” Button, you will learn more about the object you selected. +Clicking or tapping the back button will return you to the original page. +Clicking or tapping a unit or title will bring up related explanations about the unit. +- g该图很好的向我们展示了不同物体之间的大小差别， +对于生活中常见的objects，例如兔子、狗、树，我们能很容易的了解它们体型间的大小差距， +但对于行星这种巨大的objects以及细菌这种微小的objects我们很难去感知它们的具体大小 +尽管我们可以了解到例如土星的直径这样的数据，但单纯的数字并不能让我们直观地感受到它究竟有多大、究竟比地球大多少。 +这张图则利用了对比的方式直观地向我们展示了我们肉眼无法观察的事物的大小关系 + + + From 4c740d5dd4c4b974e68ba19e4f6cb30d43901302 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Wed, 9 Feb 2022 18:23:59 -0500 Subject: [PATCH 06/10] Update week5.md --- week5.md | 35 ++++++++++++++++++++--------------- 1 file changed, 20 insertions(+), 15 deletions(-) diff --git a/week5.md b/week5.md index afd5e33..ef57273 100644 --- a/week5.md +++ b/week5.md @@ -23,21 +23,26 @@ and grasp the sizes of things that you cannot compare side by side in the real w Explanation --- - The main background is a grid map, which shows the different objects' figure and are moving from the big objects to the small ones. - You can also change the range of size of the objects by scrolling the mouse -- 由左至右展示了由小至大的objects,在他们的下方有对应的标尺，用于表示它们所对应的尺寸的范围 -- 鼠标移动到对应事物上时将出现对象的名称，点击则会切换到该对象的详细界面 -You can jump to the page you want by clicking/tapping on the bar that indicates a scale position. -You can scroll by mouse wheel or swipe the screen left and right with a touch device. -Clicking/tapping the object of your interest will take you to an explanation of the object and its size. -You can see the explanation by clicking/tapping the object or white bar on the bottom of the object. -The object you selected will be displayed together with other objects for size comparison. By clicking/tapping the “Bigger” or “Smaller” Button, you will learn more about the object you selected. -Clicking or tapping the back button will return you to the original page. -Clicking or tapping a unit or title will bring up related explanations about the unit. -- g该图很好的向我们展示了不同物体之间的大小差别， -对于生活中常见的objects，例如兔子、狗、树，我们能很容易的了解它们体型间的大小差距， -但对于行星这种巨大的objects以及细菌这种微小的objects我们很难去感知它们的具体大小 -尽管我们可以了解到例如土星的直径这样的数据，但单纯的数字并不能让我们直观地感受到它究竟有多大、究竟比地球大多少。 -这张图则利用了对比的方式直观地向我们展示了我们肉眼无法观察的事物的大小关系 + You can also change the range of size of the objects by scrolling the mouse. +- From the left to the right shows the objects from small to big. + And there is a scaleplate under these objects which shows the range of the size of the objects. +- You can jump to the page you want by clicking/tapping on the bar that indicates a scale position. +- You can scroll by mouse wheel or swipe the screen left and right with a touch device. +- Clicking/tapping the object of your interest will take you to an explanation of the object and its size. +- You can see the explanation by clicking/tapping the object or white bar on the bottom of the object. +- The object you selected will be displayed together with other objects for size comparison. + By clicking/tapping the “Bigger” or “Smaller” Button, you will learn more about the object you selected. +- Clicking or tapping the back button will return you to the original page. +- Clicking or tapping a unit or title will bring up related explanations about the unit. + +Analysis +--- +- This chart shows the size difference among differnet objects in a fantastic way. + For the objects which are common in ourlife, like rabbits, dogs, and trees, it's easy for us to tell the difference about their size. + However, for the huge objects, like the planets, or the tiny objects, like bacteria, it's different to perceive their specific size. + Although we can learn about data such as Saturn's diameter, + the numbers can't give us an intuitive sense of how big it is or how much it is bigger than the earth. + This chart uses the method of contrast to intuitively show us the size relationship of objects that we can't observe by our naked eyes. From 6bfc6ca620b0745df39f9f7d19a090c2e20021c6 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Thu, 17 Feb 2022 17:18:33 -0500 Subject: [PATCH 07/10] Update week6.md --- week6.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/week6.md b/week6.md index e69de29..42d0b77 100644 --- a/week6.md +++ b/week6.md @@ -0,0 +1,50 @@ +Week 6 +--- +Link: https://www.oldnyc.org/ + + + + + + + + +Introduction +--- +This website lets you see and understand the relative size of the full range of known objects in our universe, +From the tiniest microcosm to the vast reaches of outer space +including the galaxies and the planets in the universe, as well as the human and the other animals and plants on the earth and +the microbes like bacteria and virus, and even smaller objects like molecule and atom. + +You can see the relative sizes of objects arranged on a single scale, +and grasp the sizes of things that you cannot compare side by side in the real world. + +该网页展示的是纽约城区200年的变化，每一个红点代表一个位置，点击可以查看该位置的照片及介绍 + + +Explanation +--- +- The main background is a grid map, which shows the different objects' figure and are moving from the big objects to the small ones. + You can also change the range of size of the objects by scrolling the mouse. +- From the left to the right shows the objects from small to big. + And there is a scaleplate under these objects which shows the range of the size of the objects. +- You can jump to the page you want by clicking/tapping on the bar that indicates a scale position. +- You can scroll by mouse wheel or swipe the screen left and right with a touch device. +- Clicking/tapping the object of your interest will take you to an explanation of the object and its size. +- You can see the explanation by clicking/tapping the object or white bar on the bottom of the object. +- The object you selected will be displayed together with other objects for size comparison. + By clicking/tapping the “Bigger” or “Smaller” Button, you will learn more about the object you selected. +- Clicking or tapping the back button will return you to the original page. +- Clicking or tapping a unit or title will bring up related explanations about the unit. + +Analysis +--- +- This chart shows the size difference among differnet objects in a fantastic way. + For the objects which are common in ourlife, like rabbits, dogs, and trees, it's easy for us to tell the difference about their size. + However, for the huge objects, like the planets, or the tiny objects, like bacteria, it's different to perceive their specific size. + Although we can learn about data such as Saturn's diameter, + the numbers can't give us an intuitive sense of how big it is or how much it is bigger than the earth. + This chart uses the method of contrast to intuitively show us the size relationship of objects that we can't observe by our naked eyes. + + + From 007da34c61cd5675dbe70ffa62f105f09dbc327f Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Fri, 18 Feb 2022 01:12:25 -0500 Subject: [PATCH 08/10] Update week6.md --- week6.md | 40 +++++++++++----------------------------- 1 file changed, 11 insertions(+), 29 deletions(-) diff --git a/week6.md b/week6.md index 42d0b77..d6f04fe 100644 --- a/week6.md +++ b/week6.md @@ -11,40 +11,22 @@ Link: https://www.oldnyc.org/ Introduction --- -This website lets you see and understand the relative size of the full range of known objects in our universe, -From the tiniest microcosm to the vast reaches of outer space -including the galaxies and the planets in the universe, as well as the human and the other animals and plants on the earth and -the microbes like bacteria and virus, and even smaller objects like molecule and atom. +This is the website which shows the changing of the New York City during the 200 years. -You can see the relative sizes of objects arranged on a single scale, -and grasp the sizes of things that you cannot compare side by side in the real world. - -该网页展示的是纽约城区200年的变化，每一个红点代表一个位置，点击可以查看该位置的照片及介绍 +By viewing this map, you can get to know about the diversification of the building and the street of the New York. Explanation --- -- The main background is a grid map, which shows the different objects' figure and are moving from the big objects to the small ones. - You can also change the range of size of the objects by scrolling the mouse. -- From the left to the right shows the objects from small to big. - And there is a scaleplate under these objects which shows the range of the size of the objects. -- You can jump to the page you want by clicking/tapping on the bar that indicates a scale position. -- You can scroll by mouse wheel or swipe the screen left and right with a touch device. -- Clicking/tapping the object of your interest will take you to an explanation of the object and its size. -- You can see the explanation by clicking/tapping the object or white bar on the bottom of the object. -- The object you selected will be displayed together with other objects for size comparison. - By clicking/tapping the “Bigger” or “Smaller” Button, you will learn more about the object you selected. -- Clicking or tapping the back button will return you to the original page. -- Clicking or tapping a unit or title will bring up related explanations about the unit. - -Analysis ---- -- This chart shows the size difference among differnet objects in a fantastic way. - For the objects which are common in ourlife, like rabbits, dogs, and trees, it's easy for us to tell the difference about their size. - However, for the huge objects, like the planets, or the tiny objects, like bacteria, it's different to perceive their specific size. - Although we can learn about data such as Saturn's diameter, - the numbers can't give us an intuitive sense of how big it is or how much it is bigger than the earth. - This chart uses the method of contrast to intuitively show us the size relationship of objects that we can't observe by our naked eyes. +- Each red point on the map represent a location. + You can view the pictures of this position by click on the red point. +- You can zoom in or zoom out the map by scroll the mouse or click on the "+" and "-" symbol on the top left of the page. +- You can choose the time range by moving the start position and the end position of the bar. +- This website also support searching a specific position as well as locating the current location. + Of course, if you are not in New York, you'll not get any picture. +- At the beginning years, there are only a few positions which have pictures. + With the development of the city, more and more position are recorded. + And after another several hundred of years, there must be more lush data. From f5654212df816347db8696640b55c9ea88179b25 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Thu, 24 Feb 2022 20:24:08 -0500 Subject: [PATCH 09/10] Update week7.md --- week7.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/week7.md b/week7.md index e69de29..e0665f0 100644 --- a/week7.md +++ b/week7.md @@ -0,0 +1,29 @@ +Week 6 +--- +Link: http://hint.fm/wind/ + + + + + + + + +Introduction +--- +This website shows the real-time wind direction of America. + + +Explanation +--- +- This chart use shows the real-time wind direction by using dynamic lines. +- According the the legend on the left of the chart, the more dense the lines are, the higher the wind speeds are. +- According to the chart now, in the south of America, like Houston, there is blowing north winds. +While in the east of America, like New York, there is blowing west winds +- You can see the accurate wind speed and wind direction by moving your mouse to the corresponding position on the map. +You can also click on the map to zoom in and see the detail information. +- In addition, the website also show the maximum wind speed and the average wind speed on the left of the chart. +You can also see the historical screenshot in the gallery + + + From 1d0fc80a28f060a1cebeb121a4304a38657104f3 Mon Sep 17 00:00:00 2001 From: ColdCode0214 <90018380+ColdCode0214@users.noreply.github.com> Date: Thu, 24 Feb 2022 20:24:22 -0500 Subject: [PATCH 10/10] Update week7.md --- week7.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/week7.md b/week7.md index e0665f0..9f9a7dc 100644 --- a/week7.md +++ b/week7.md @@ -1,4 +1,4 @@ -Week 6 +Week 7 --- Link: http://hint.fm/wind/