Update README.md

Author: WooJson

README.md

@@ -102,12 +102,12 @@ You can even try it online, simply visiting [![Binder](https://mybinder.org/badg
 
 <!-- ![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/screenshot-top-img.png) -->
 <!-- ![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/1-8ms.gif) -->
-![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/travel-ani-0.gif)
+![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/travel-ani-0-light.gif)
 
 That's it. Now you have a Tableau-like user interface to analyze and visualize data by dragging and dropping variables.
 
 <!-- ![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/2-8ms.gif) -->
-![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/travel-ani-1.gif)
+![](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/travel-ani-1-light.gif)
 
 
 <!-- To Be Updated
@@ -117,24 +117,29 @@ That's it. Now you have a Tableau-like user interface to analyze and visualize d
 Cool things you can do with Graphic Walker:
 
 + You can change the mark type into others to make different charts, for example, a line chart:
+![graphic walker line chart](https://user-images.githubusercontent.com/8137814/221894699-b9623304-4eb1-4051-b29d-ca4a913fb7c7.png)
 
 <!-- ![graphic walker line chart](https://docs-us.oss-us-west-1.aliyuncs.com/images/graphic-walker/gw-line-01.png) -->
 <!-- ![graphic walker line chart](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/fullscreen-timeseries.png) -->
-![graphic walker line chart](https://user-images.githubusercontent.com/8137814/221871179-1ee6f0be-81e0-46f3-9b5c-c2985022d7e2.png)
+
 
 + To compare different measures, you can create a concat view by adding more than one measure into rows/columns.
+![graphic walker area chart](https://user-images.githubusercontent.com/8137814/221894334-16e5f674-1b81-4cc1-ad8a-3240950b51b7.png)
 
 <!-- ![graphic walker area chart](https://docs-us.oss-us-west-1.aliyuncs.com/images/graphic-walker/gw-area-01.png) -->
 <!-- ![graphic walker area chart](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/fullscreen2-timeseries-area.png) -->
-![graphic walker area chart](https://user-images.githubusercontent.com/8137814/221871355-834242cd-2f7c-4cd0-adb8-f6c4214dc782.png)
 
-+ To make a facet view of several subviews divided by the value in dimension, put dimensions into rows or columns to make a facets view. The rules are similar to Tableau.
 
++ To make a facet view of several subviews divided by the value in dimension, put dimensions into rows or columns to make a facets view. The rules are similar to Tableau.
+![graphic walker scatter chart](https://user-images.githubusercontent.com/8137814/221894480-b5ec5df2-d0bb-45bc-aa3d-6479920b6fe2.png)
 <!-- ![graphic walker scatter chart](https://docs-us.oss-us-west-1.aliyuncs.com/images/graphic-walker/gw-scatter-01.png) -->
 <!-- ![graphic walker scatter chart](https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/fullscreen-scatter-3.png) -->
-![graphic walker scatter chart](https://user-images.githubusercontent.com/8137814/221871409-f969e280-22af-4584-9c87-8bd3d15e2f9a.png)
 
-+ You can save the data exploration result to a local file.
++ You can view the data frame in a table and configure the analytic types and semantic types.
+![page-data-view-light](https://user-images.githubusercontent.com/8137814/221895610-76165bc6-95ee-4567-a55b-41d47d3310eb.png)
+
+
++ You can save the data exploration result to a local file
 
 For more detailed instructions, visit the [Graphic Walker GitHub page](https://github.com/Kanaries/graphic-walker).