# Free Trial Quick Start

DeltaStream provides a relational model on top of your streaming data. Similar to other relational systems, DeltaStream uses databases and namespaces for organizing your data.

Using DeltaStream’s free 14-day trial? Follow this guide to build an end-to-end streaming application in minutes. We provide you with a default organization – named after the email address you used to sign on – and a default Kafka store with synthetic data. You’ll use these resources to:

1. Inspect the data in the streaming trial store.
2. Create a database.
3. Create a stream and changelog for your Kafka topics.
4. Enrich your data and query it.

{% hint style="info" %}
**Note**   The trial version limits you to 3 queries. Also, user-defined functions aren’t supported, and there are no materialized views. You can add your own external store, but it must be available via the Internet. Contact DeltaStream support if you wish to set up a private store.
{% endhint %}

## 1. Inspect Data in Your Trial Store

You receive access to a pre-defined DeltaStream `trial_store` when you sign in to your trial account. This store is a discrete AWS MSK (Managed Streaming for Kafka) cluster that includes several topics with synthetic data producers; the producers continuously publish messages into these topics.

{% hint style="info" %}
**Note**   In DeltaStream you define stores to represent each Kafka cluster. DeltaStream [also works with other stores](https://docs.deltastream.io/getting-started/broken-reference), such as AWS Kinesis and Postgres.
{% endhint %}

The trial store displays in several places:

* The **Welcome** page
* The **Workspace** page
* The **Resources** page

When you log on, DeltaStream displays the **Workspace** page. This page provides an at-a-glance dashboard view of your overall DeltaStream organization.

To begin exploring your trial store, in the lefthand navigation click **Resources** ( ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXf2UP1jpkEr4Eu0kSVKEQW4OoJt2uBqcKujck-pcFFCFTuvl8QNodvhTLkukTHB8nXTcrvZwHsuT0sZt3DSWRZf_VeIDPgUIirE1-VXq7J92VmTX-9QryH6uW8CMSnUVomFnE2m-VFUkKILdei-GmafdpRo?key=UefObijvgyeIVbiCnQQu0w) ). The **Resources** page displays with the **Data Stores** tab active and your trial store listed beneath it.

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FyVrFYIswXPyCsNFfQbLz%2FResourcesDataStoreHilited.png?alt=media&#x26;token=05ddff84-6282-4781-a68c-fcabc4f35e73" alt="" width="563"><figcaption></figcaption></figure>

To display the topics contained in the trial store, click anywhere in the trial store row and open the **trial\_store** page.

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2F4yt2Zeh7whCjV9M1oKcd%2FTrialStoreTopicsList.png?alt=media&#x26;token=113e9236-f07c-4dfa-8806-a25d8f2f7349" alt="" width="375"><figcaption></figcaption></figure>

Now confirm the store connectivity and inspect the data in a topic. To do this:

1. Click anywhere in the row of the topic you want. The topic **Details** pane slides open.
   * You can also display the topic **Details** pane by clicking ![](https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2Fpf54PrOVi7KH5KnVTvAO%2FTopicDetailsButton.png?alt=media\&token=52e1a599-a7ab-4cdd-aca8-a07301324684) under the **Actions** column.&#x20;
2. Click **Print**. This displays the live stream of data flowing to the topic.

Here is an image of the data flowing into the pageviews topic.

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FWAz2QSOt3l6VWkRmaUmG%2FTrialStoreTopicDetails.png?alt=media&#x26;token=18f0bbb7-a114-4c7a-bf44-9dcd34323756" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip**   After you verify that data is streaming into your trial store, you may wish to click **Stop** to halt the stream.
{% endhint %}

There's a range of additional information you can view.  For more details, please see [explore-data-store-and-topic-details](https://docs.deltastream.io/how-do-i.../create-and-manage-data-stores/explore-data-store-and-topic-details "mention").

## 2. Create a Database

Now it’s time to declare a database and [DeltaStream objects](https://docs.deltastream.io/how-do-i.../relation#defining-deltastream-objects) and write queries on the streaming data. Databases present a logical organization layer for your streaming data. They make it possible to provide access controls and governance across all your data.

{% hint style="info" %}
**Note**   DeltaStream objects are the building blocks of user applications and pipelines.  qYou must create an object to represent each Kafka topic you wish to include in a query.
{% endhint %}

**To create a new database**

1. From the lefthand navigation, click **Databases** ( ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe8QkPzbYgBPSlrrbNduTMdyseCBstzcci4U40Ji_JvgU03ng2-KeA7jfiILEvc7U36UGwmwbOrnt_M7H5WPNN6OAxxDr4ZmGJI81gIOvp3lhdT-k6XJ48Y3nvLUUVWjhVanwRoIrGNN9sxHbWRaJaEsnkZ?key=UefObijvgyeIVbiCnQQu0w) ) and then click **+ Add Database**.
2. Enter the database name. In this guide we name it `DemoDB`.
3. Click **SAVE**.

The newly-created database displays all the topics in the Kafka cluster to which you have access.

For this guide, we named our database `DemoDB`.

You can create as many databases as you wish. Each new database includes a namespace named `public`, but you can add more namespaces if you wish.

**To add a new namespace**

1. Click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeSSM89YLa0JSnL6Y9pxMGXCBEQ3SqCRkPnUMa0GAC7PFtvofxwIyF7ZOEOfFg5tUBQrLZgPFfJjG948Er0zPPakLiB8iQ8EoNTIS-6UPy_EfOc8z3NAU77qRojAz0mhdxizrCDYaTaMcNIQQc8ZBKvL8B_?key=UefObijvgyeIVbiCnQQu0w), click the database you want, and towards the right click **+ Add Namespace**.
2. At the promt, enter the namespace name. Then click **SAVE**.

## 3. Create Streams and Changelogs

Your goal here is to understand pageviews by users over time. You do this by joining the pageviews and users topics.

Start by creating relations backed by Kafka topics. Use DeltaStream’s DDL statements to define your streaming data in a topic as an append-only stream.

{% hint style="info" %}
**Note**  In DeltaStream, a stream is simply one type of object.
{% endhint %}

**To create a stream**

1. Navigate to the main workspace by clicking ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdu9lDc_IuaZ3yQHkSx7RlEL-5lgjB57u_bsfyJyIu2qW-g5dXj_9gjhMI4QFwsWlRfQaeCRyBm-IobyzrHL4A4n7OT6p3U_k9Ck8OTFmrTi4N5kI-qWNBmIPXT7yX8NJ5BLcRtKjKJ2S6CT6_uVUqbz5_B?key=UefObijvgyeIVbiCnQQu0w).
2. Copy the SQL DDL statement below, and paste it into the SQL pane (above the **Results** pane).\
   This creates a discrete stream backed by the pageviews topic from the Kafka cluster; each pageview is an independent event. This stream reflects the view time of each page by user.
3. Click **Run**.

```sql
CREATE STREAM pageviews (
    viewtime BIGINT, 
    userid VARCHAR, 
    pageid VARCHAR
)WITH (
    'topic'='pageviews', 
    'value.format'='JSON'
);
```

DeltaStream displays a **Success** message in the Results pane, followed by details of the stream you just created.

{% hint style="success" %}
**Tip**   You may need to expand the Results pane to see all of the details.  To do this, click and drag the pane handle ( ![](https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FRolstlxBXOazOgx0yqE1%2FPaneHandleVertical.png?alt=media\&token=5f99746d-6546-4755-be60-7c7ee7e12512) ).  See below for more tips on [modifying your DeltaStream workspace](#modifying-your-workspace).
{% endhint %}

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2F0ewCexZK4gw8RU1csaxY%2FTrialStreamCreated.png?alt=media&#x26;token=b6dcdb99-fcef-4d23-b8ad-6116568c618a" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
**Note**   The above stream is created in the currently-used database and namespace – `DemoDB` and `public`, respectively. DeltaStream uses the default store declared above as the store for the pageviews topic.  To specify another store, use the WITH clause.
{% endhint %}

Next, declare a changelog backed by the users topic and ordered by UserID. A changelog enables you to interpret events in a topic as UPSERT events. (In DeltaStream, changelogs are simply another type of object.)  Events require a primary key; DeltaStream interprets each event as an insert or update for the given primary key.  In this case, the changelog relation reflects specific details by user, such as gender and interests.

To declare the users changelog, paste the following statement in the SQL pane and then click **Run**:

```sql
CREATE CHANGELOG users_log (
    registertime BIGINT, 
    userid VARCHAR, 
    regionid VARCHAR, 
    gender VARCHAR, 
    interests ARRAY<VARCHAR>, 
    contactinfo STRUCT<phone VARCHAR, city VARCHAR, "state" VARCHAR, zipcode VARCHAR>, 
    PRIMARY KEY(userid)
)WITH (
    'topic'='users', 
    'key.format'='json', 
    'key.type'='STRUCT<userid VARCHAR>', 
    'value.format'='json'
);
```

As with the pageviews stream, the users changelog displays in the `DemoDB` public schema. To view the streams, in the lefthand navigation click **Databases** ( ![](https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FjIZqlsIKT1YZq6PndUbH%2FCatalogIcon.png?alt=media\&token=ec5414ec-ee13-496c-a043-ef2f39cc8855) ), and in the **Databases** pane click to expand the `DemoDB` database and public namespace.

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2Ftl9wPpbKSlRGw6T0imsZ%2FTrialDemoDBPublicChangelog.png?alt=media&#x26;token=98220b62-7730-41ef-811e-e0e18d5ef161" alt="" width="563"><figcaption></figcaption></figure>

## 4. Run Queries

Now you can write a continuous query in SQL to process this streaming data in real time.

Let’s start with an **interactive query**, in which the query results stream back to you. You can use such queries to:

* inspect your streams and changelogs
* build queries iteratively by inspecting the query result.

Let’s inspect the pageviews stream. To do this, enter the following interactive query and then click **Run**:

```sql
SELECT * FROM pageviews;
```

DeltaStream compiles your query into a streaming job, runs the job, and streams the result into the **Results** pane, as per the below image:

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FNuWmUj49aHjdtKDtJ9iv%2FPageviewsStream.png?alt=media&#x26;token=d356d858-2a8e-4e0b-a9e3-4097378f9bf9" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip**   After you verify that data is streaming in you may wish to click **Stop Query**.
{% endhint %}

While interactive query results stream in, DeltaStream provides persistent queries. These are continuous queries wherein the query results are written continuously either to a store or a materialized view.

Let’s write a persistent query that joins the pageviews stream with the `users_log` changelog relations. This creates a third object called an enriched pageviews stream that provides user details for each pageview event, including view time of each page by user and detailed user information.

While we’re at it, we also convert the epoch time to the timestamp with a timezone using the `TO_TIMESTAMP_LTZ` function.

Start by creating a stream called **enriched\_pv**. Then join the **pageviews** stream with data from the **users\_log** changelog and write the results to the **enriched\_pv** stream.

```sql
CREATE STREAM enriched_pv 
AS SELECT
    TO_TIMESTAMP_LTZ(viewtime, 3) AS viewtime,  
    p.userid AS userid, 
    pageid, 
    TO_TIMESTAMP_LTZ(registertime, 3) AS registertime, 
    regionid, 
    gender, 
    interests, 
    contactinfo
FROM pageviews p WITH ( 'starting.position'='latest')
JOIN users_log u WITH ( 'starting.position'='latest')
ON u.userid = p.userid;
```

{% hint style="info" %}
**Note**   The above **persistent query** creates a new topic in the trial store DB. When you create a new topic, DeltaStream adds a prefix name to the topic name based on your trial email and some unique random characters. For example, for the email <test@gmail.com>, DeltaStream creates a topic prefix like `t_testgmailcom_4evmsyg_`. Creating the topic `enriched_pv` in turn creates the topic `t_testgmailcom_4evmsyg_enriched_pv`. You can view these topics in the trial store topics list.
{% endhint %}

{% hint style="warning" %}
**Important**   Topic name prefixes are a requirement only for the trial store we have set.  Prefixes are not added if you use any other store, such as your own Apache Kafka or AWS Kinesis.
{% endhint %}

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2Fp9Cwufx8N19pU6FxU1nw%2FCreateEnrichedPVStream.png?alt=media&#x26;token=f5c7cdde-7824-4410-b9ce-89be96328146" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
**Note**   DeltaStream compiles and launches the query as an Apache Flink streaming job.  You can view the query along with its status in the **Query Management** page; to do this, in the lefthand navigation click **Queries** ( ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe7LqKj37iaUsNTigPBcPp1WaVUWRQwI_DmOoYo97zHkQcmIF3ZmWX3JDBkHtny35cYm-f9Xr_MPCDwQnEyo0kbpa9sl5SlXa2qh0gMV1zTl20E906dQ-NQTYG3p1D5R6yb98SVp-R9ZjmKgT0mZnhEbWM?key=UefObijvgyeIVbiCnQQu0w) ).

&#x20;                                               <img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FGUltJnKekGqiXs11z4VG%2FPersistentQueryDemoDB.png?alt=media&#x26;token=4d845d3b-af99-4720-8148-de51c88c9e52" alt="" data-size="original">
{% endhint %}

When the query finishes, you have a new Kafka topic named `enriched_pv` in your Kafka cluster and a new stream added to the streams in your TestDB database.

Finally, examine the contents of the new stream. Run the following simple query in the SQL pane:

```sql
SELECT * FROM enriched_pv;
```

The result of this interactive continuous query is an enriched pageviews stream that streams to the client as shown below:

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FQPyMN29hUS3hLvgVLw6C%2FQueryEnrichedPVStream.png?alt=media&#x26;token=56c8bc9b-34b3-4c1e-be9c-b8a4541a2f38" alt="" width="563"><figcaption></figcaption></figure>

That’s it.  In just a few steps you’ve used DeltaStream to connect two different Kafka topics and persist the enriched data, either to query in real time or write out to its final destination.  In so doing you avoid the extra steps and expense that might be the case in a data warehouse.

## 4. Clean Up

When your task is completed, it’s time to clean up your environment. To do this:

1. Terminate the queries. To do this, click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdY0NpT5uh6gOM_G8IOm46JSV_oYILBhP5AVbwXng7f9knY81JgB_2Ok1aPpMXYqgqIfvvc7pSAi32Ye_jpRtHs5lSOmH5U5GIc8-U0OdaP7gEZr7miLSKbYit7CPaJhz0J3g4yyJ9yTj7-WVIoGlO-sDbK?key=UefObijvgyeIVbiCnQQu0w) to display the **Queries** page.  Then, next to the query you wish to terminate, click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdHMsC5oLWP8_qP49KcrLjXrTYXcWDKM6Oc9RIgMM5f7pjXEyYkQ3WEORJaE-50Aqf8skN6_QnH98GWPl_Xq02jBryASEZikU8-qBqsgERXe70yhSv6TnSTObgJkqwOS7Au2rqr2qkLoqsybqxadPWo0ty2?key=UefObijvgyeIVbiCnQQu0w). &#x20;
2. Follow the instructions in the prompt, and then click **Terminate**.  The system displays a message indicating you've marked that query for termination.<br>

   <figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FvBUXl8XlGBRp6a2oAkPf%2FTerminatingAQuery.png?alt=media&#x26;token=a67da4d6-402d-4fde-bce9-1fff01ad3e5b" alt="" width="202"><figcaption></figcaption></figure>
3. Drop the created streams, changelogs, and materialized views.  To do this, click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdJ70vylMMRRB_i1ZRA_XWlZMKsDyV2tW0d7VOMkQECcE_RJTD5_-aZ8DbEsE1b52neN9z2v5n_vF67tW1f8UvcOeHznhzXN4H5fvbPND5LRDhZ-I-2Xsw5-bLucoBqdsKT_4VcRsY9PLLy6vvUj_4jGjRz?key=UefObijvgyeIVbiCnQQu0w) to navigate to the corresponding database and schema, and as with the query, click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdkqXP6cmnBAqoeXaHOAQeoSuXVuATDP1rGnFP9DgFv5NPJ6xDxzC0EaslnJIQAQVMDxcE635zc_lNGg5CcM-uhpBbpRJ0h3doJUMLpGsGLZiBH0oWNKEoTBMp35bQkgvNfuTykPCiG9ClQQ693VFjMsiz1?key=UefObijvgyeIVbiCnQQu0w) and follow the prompt to drop the streams, changelogs, and materialized views.

<figure><img src="https://1288764042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdbd9e6ZJodkgF1H6AVay%2Fuploads%2FSoEwZ2h62LsfPxCydVLw%2FDropDB.png?alt=media&#x26;token=7b55d764-501e-4456-affb-27efbe60470e" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="warning" %}
**Important**   If you have a query that uses a stream, changelog, or materialized view, you must terminate the query before dropping the relation.
{% endhint %}

## Modifying Your Workspace

This quickstart guide used simple examples to get you up and running quickly.  But the DeltaStream workspace is customizable.  If you begin using more extensive queries or a greater number of objects, you may find it more efficient to modify the size of your workspace panes, or even toggle on or off specific sections, to focus on the parts of the workspace that matter most at any given time.  You can:

* Hide the **Results** pane.  This gives you more room in the SQL pane to work with more extensive SQL.  To do this, at the top of your workspace click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfPBgA2_hmGp69AJkKx2pw4JKYSNM6dUEr6HgWs52rxWX7kWUaUsi7nhgqFnS2IiPuoQO1k4G6OKF4GCpbssRqvgDhPI-NTfEmA_p6dDbXCnZEXJ2VVZhwrumXIDQLlxt1K6gESF_tdx9XZgTA3L-qr25_b?key=UefObijvgyeIVbiCnQQu0w). Click it a second time to re-display the **Results** pane.
* Hide the **SQL** pane.  This gives you more room to examine query results.  To do this, at the top of your workspace click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXf4eNReXlAzN9o41XvRmlPNSZkloouwSE51WDbYJqR_y1dWjDe5icShJaMOcVkLfEMMV1Im-RF8HyN9YJkiOwgzINfqTjmES23HPBNC_dbTYh0qsSsW-GwFYbVhaI-jDieZ-Vl2ubzsZGRVjpsQzIyDda8w?key=UefObijvgyeIVbiCnQQu0w). Click it a second time to re-display the **SQL** pane.
* Hide the lefthand (**Database** and **Stores**) panes.  This gives you more horizontal screen real estate and creates a cleaner, more expansive workspace.  To do this, at the top of your workspace click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfy3XC9xCjCMffm-r8UK0XAd83ePllWY5yWuFnh5N-brhSa_cFXPpSmW8yJwB8Pyc5W6EcW5zBjU5QsBr_7REiPNjaTvuwne_NJHwpn38AJaEVizRLO84ioySAfYykdYmGGKjcZmKdz5ytzMyJEzyuZ541C?key=UefObijvgyeIVbiCnQQu0w).  Click it a second time to re-display the lefthand pane.

When activated, the icons display in color – for example, ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdBN0dbydR2wD7lhmaN1Z4OWrxR_BpkluIWZW7VN_0NKvVMe721etzaosjf5k_-aTuTcvBz0SNEqnHcesd8Kdb8JxOLKFA1qNOUbw7oKH_pKcqN5G3GT1YwygBfjPz6PoSM-UT8EUaKRmuf63DLJjrHpBA?key=UefObijvgyeIVbiCnQQu0w).

{% hint style="success" %}
**Tip**   You can click any two or all three of these icons at once to isolate the precise workspace you wish. For example, if you click ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfxBw_PuxHge41OBsyT5pbig17DGJqhM8IVQj-cdoPr1VWzmmB3tajzwwY8h2wh20pdeI-hEt6w78IUVCo2azWBnIcexqSAm7k8xBtEp5etbk20f5wqKiCevSoVjqM0tkyl7Jp4wvy9wvXOEdO8oH7fP165?key=UefObijvgyeIVbiCnQQu0w) and ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfqGhlAMGE8z8SKezb1hRnY4UVkiWpJRkYDaBwPVIZk6PybwWm9H8Kj5jPILjlPovxmibdETxFmWLV3uIVBmxD7LlICxs9ofgCw3TPpiWEexTik69nom_4qVlzuYAT3nO3VtqRA8hOF3lMpifkFH4kBSOfo?key=UefObijvgyeIVbiCnQQu0w) you have almost the entire screen to work with SQL.
{% endhint %}

Finally, you can manually re-size your panes without hiding them altogether.  To resize the SQL and Results panes, or the **Database** and **Stores** panes, click and drag ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcFcIfcwLxVRDJf_thq4YryVSX3Jonlc34X_N_ZN8m2o-VM-ANHkXTVEk6KLdarNcA-FiT0kWgTAa46FW69_sTLdKa2QwD3svLy2_rg32yPJhamQB-a9uvpTNOycZiC_6Q66cjJU62d23a_6VK0wxa4j8PQ?key=UefObijvgyeIVbiCnQQu0w).  To resize the left and right panes, click and drag ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd1v835g-KnSiHvXj-asnawI5B37NhtxA1-LAjGmq6BE7I77TfcNybtTMJwug3mlo32b3WiSXmwDigrEMZ22OcCBUQFRS4hb3w7kCIv6YIxdfalbuVpFyGMSrsq2j4aKZ-lG_bkjs0D4u2d8hYwBfl9V2Ty?key=UefObijvgyeIVbiCnQQu0w).
