docs: fix img upload csv.md (#77)

* docs: update upload images. * docs: upload csv file docs update images. --------- Co-authored-by: Fabiana Clemente <[email protected]>
ydataai · Nov 30, 2023 · 5770c02 · 5770c02
1 parent eff531e
commit 5770c02
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 20 deletions.
diff --git a/docs/get-started/create_lab.md b/docs/get-started/create_lab.md
@@ -5,6 +5,8 @@ combined with already loved tools such as scikit-learn, numpy and pandas.
 To create your first **Lab**, you can use the **“Create Lab”** from Fabric’s home, or you can access it from the Labs
 module by selecting it on the left side menu, and clicking the **“Create Lab”** button.
 
+![Create dataset with upload csv](../assets/quickstart/create_lab/create_lab.webp){: style="width:75%"}
+
 <div style="display: flex; justify-content: center;align-items: center;">
     <p>
         <img src="/assets/quickstart/create_lab/create_lab.webp" alt="Select create a lab from Home" style="width: 75%;">

diff --git a/docs/get-started/upload_csv.md b/docs/get-started/upload_csv.md
@@ -6,53 +6,42 @@ Check this quickstart video on <a href="https://youtu.be/1zYreRKsNGE"><u>how to
 To create your first dataset in the **Data Catalog**, you can start by clicking on **"Add Dataset"** from the Home section.
 Or click to **Data Catalog** (on the left side menu) and click **“Add Dataset”**.
 
-![Create dataset](../assets/quickstart/upload_csv/welcome_add_dataset.png)
+![Create dataset with upload csv](../assets/quickstart/upload_csv/welcome_add_dataset.png){: style="width:75%"}
 
 After that the below modal will be shown. You will need to select a connector. To upload a CSV file, we need to select **“Upload CSV”**.
 
-<div style="display: flex; justify-content: center;align-items: center;">
-    <img src="../assets/quickstart/upload_csv/data_catalog_connectors.png" alt="Select connectors to storage" style="width: 45%;">
-</div>
+![Data Catalog connectors](../assets/quickstart/upload_csv/data_catalog_connectors.png){: style="width:40%"}
 
 Once you've selected the **“Upload CSV”** connector, a new screen will appear, enabling you to upload your file and designate a name for your connector.
 This file upload connector will subsequently empower you to create one or more datasets from the same file at a later stage.
 
-<div style="display: flex; justify-content: center;align-items: center;">
-    <img src="../assets/quickstart/upload_csv/loading_area.png" alt="Upload file area" style="width: 45%;">
-    <img src="../assets/quickstart/upload_csv/load_csv_file.png" alt="Upload CSV file" style="width: 45%;">
-</div>
+| Loading area                                                                               | Upload csv file                                                                            |
+|--------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------|
+| ![Upload file area](../assets/quickstart/upload_csv/loading_area.png){: style="width:90%"} | ![Upload CSV file](../assets/quickstart/upload_csv/load_csv_file.png){: style="width:90%"} |
 
 With the *Connector* created, you'll be able to add a dataset and specify its properties:
 
 - **Name:** The name of your dataset;
 - **Separator:** This is an important parameter to make sure that we can parse your CSV correctly. The default value is “,”.
 - **Data Type:** Whether your dataset contains tabular or time-series (i.e., containing temporal dependency) data.
 
-<div style="display: flex; justify-content: center;align-items: center;">
-    <img src="../assets/quickstart/upload_csv/add_dataset_details.png" alt="Upload file area" style="width: 45%;">
-</div>
+![Add dataset details](../assets/quickstart/upload_csv/add_dataset_details.png){: style="width:45%"}
 
 Your created Connector *(“Census File”)* and Dataset *(“Census”)* will be added to the Data Catalog.
 As soon as the status is green, you can navigate your Dataset. Click in **Open Dataset** as per the image below.
 
-<div style="display: flex; justify-content: center;align-items: center;">
-    <img src="../assets/quickstart/upload_csv/open_dataset.png" alt="Upload file area" style="width: 75%;">
-</div>
+![Explore dataset](../assets/quickstart/upload_csv/open_dataset.png){: style="width:75%"}
 
 Within the **Dataset** details, you can gain valuable insights through our automated data quality profiling.
 This includes comprehensive metadata and an overview of your data, encompassing details like row count, identification
 of duplicates, and insights into the overall quality of your dataset.
 
-<div style="display: flex; justify-content: center;align-items: center;">
-    <img src="../assets/quickstart/upload_csv/dataset_overview.png" alt="Upload file area" style="width: 75%;">
-</div>
+![Dataset overview](../assets/quickstart/upload_csv/dataset_overview.png){: style="width:75%"}
 
 Or perhaps, you want to further explore through visualization, the profile of your data with both univariate
 and multivariate of your data.
 
-<div style="display: flex; justify-content: center;align-items: center;">
-    <img src="../assets/quickstart/upload_csv/dataset_profiling.png" alt="Upload file area" style="width: 75%;">
-</div>
+![Dataset profiling](../assets/quickstart/upload_csv/dataset_profiling.png){: style="width:75%"}
 
 **Congrats!** 🚀 You have now successfully created your first **Connector** and **Dataset** in Fabric’s Data Catalog.
 Get ready for your journey of improved quality data for AI.