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. 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*. 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. + 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. + diff --git a/week5.md b/week5.md index e69de29..ef57273 100644 --- a/week5.md +++ b/week5.md @@ -0,0 +1,48 @@ +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. +- 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. + + + diff --git a/week6.md b/week6.md index e69de29..d6f04fe 100644 --- a/week6.md +++ b/week6.md @@ -0,0 +1,32 @@ +Week 6 +--- +Link: https://www.oldnyc.org/ + + + + + + + + +Introduction +--- +This is the website which shows the changing of the New York City during the 200 years. + +By viewing this map, you can get to know about the diversification of the building and the street of the New York. + + +Explanation +--- +- 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. + + + diff --git a/week7.md b/week7.md index e69de29..9f9a7dc 100644 --- a/week7.md +++ b/week7.md @@ -0,0 +1,29 @@ +Week 7 +--- +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 + + +