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
23 changes: 23 additions & 0 deletions week1.md
Original file line number Diff line number Diff line change
@@ -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.
29 changes: 29 additions & 0 deletions week2.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
Week 2
---
Link: http://www.vizualism.nl/friends-1994-2019/

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week2.png" width = "250" height = "250" alt="" align=center />



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*.
29 changes: 29 additions & 0 deletions week3.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
Week 3
---
Link: https://2050.earth/

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week3.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week3-2.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week3-3.png" width = "400" height = "250" alt="" align=center />

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.

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

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week4-1.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week4-2.png" width = "400" height = "250" alt="" align=center />


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.

48 changes: 48 additions & 0 deletions week5.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
Week 5
---
Link: https://www.nikon.com/about/sp/universcale/scale.htm

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week5-2.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week5-1.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week5-3.png" width = "400" height = "250" alt="" align=center />


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.



32 changes: 32 additions & 0 deletions week6.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
Week 6
---
Link: https://www.oldnyc.org/

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week6-1.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week6-2.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week6-4.png" width = "400" height = "250" alt="" align=center />


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.



29 changes: 29 additions & 0 deletions week7.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
Week 7
---
Link: http://hint.fm/wind/

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week7-2.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week7-3.png" width = "400" height = "250" alt="" align=center />

<img src="https://github.com/ColdCode0214/pictures/blob/main/reflection-week7-1.png" width = "400" height = "250" alt="" align=center />


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