added screenshots to the readme step-by-step instructions

README.md

@@ -10,31 +10,33 @@
 
 1. Click `New project` on the top right to create a new project on Watson Studio. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/1%20create%20project.png">
 
-1. Name your project and click `Create` on the bottom right.
+1. Name your project and click `Create` on the bottom right. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/2%20name%20project%20and%20create.png">
 
 1. Click the `Assets` tab if you are not already there.
 
-1. Upload the `thermostat_rebates_by_zip_1000.csv`, on the right hand side of the screen drop or browse the file.
+1. Upload the `thermostat_rebates_by_zip_1000.csv`, on the right hand side of the screen drop or browse the file. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/3%20upload%20data.png">
 
-1. In your project, under `Data assets`, click the data set to see a preview of the data set.
+1. In your project, under `Data assets`, click the data set to see a preview of the data set. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/4%20click%20data%20set.png">
 
-1. Click the `Refine` blue box in the top right to open the data set with the Data Refinery tool.
+1. Click the `Refine` blue box in the top right to open the data set with the Data Refinery tool. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/5%20refine%20data%20set.png">
 
-1. Once the Data Refinery tool is open, navigate to the `Visualizations` tab 
+1. Once the Data Refinery tool is open, navigate to the `Visualizations` tab. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/6%20viz%20tab.png">
 
 1. Create the histogram:
-    1. Select the `Histogram chart` on the CHART TYPES.
-    1. Select the column "value" (thermostat rebates in USD) as the `X-axis`.
-    1. Un-select the `Show kde curve` and the `Show distribution curve` and choose `Bin width` to be 4.
+    1. Select the `Histogram chart` on the CHART TYPES. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/7%20hist%201.png">
+    1. Select the column "value" (thermostat rebates in USD) as the `X-axis`. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/8%20hist%202.png">
+    1. Un-select the `Show kde curve` and the `Show distribution curve` and choose `Bin width` equal to 4. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/9%20hist%203.png">
 
 1. Create the map:
-    1. Select column "lng" as the Longitude field and column "lat" as the Latitude field.
-    1. Select column "value" (thermostat rebates in USD) as the Size map field.
-    1. Zoom-in to the interesting areas of the map.
+    1. Select the `Map chart` on the CHART TYPES. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/10%20map%201.png">
+    1. Select column "lng" as the Longitude field and column "lat" as the Latitude field. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/11%20map%202.png">
+    1. Select column "value" (thermostat rebates in USD) as the Size map field. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/12%20map%203.png">
+    1. Zoom-in to the interesting areas of the map. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/13%20map%204.png">
 
 1. Create the scatterplot woth correlations: 
+    1. Select the `Scatterplot chart` on the CHART TYPES. <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/14%20scatter%201.png">
     1. Select column "value".
-    1. Click `Add another column` and select column "median".
+    1. Click `Add another column` and select column "median". <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/15%20scatter%202.png">
     1. Click `Add another column` and select column "mean".
     1. Click `Add another column` and select column "population".
-    1. Only strong correlation is between "median" and "mean" which is not surprising (the mean and median household income are similar statistics).
+    1. Only strong correlation is between "median" and "mean" which is not surprising (the mean and median household income are similar statistics). <img src="https://github.com/IBMDataScience/visualize-data-fast/blob/master/screenshots/16%20scatter%203.png">