> For the complete documentation index, see [llms.txt](https://codalin.gitbook.io/nodalin-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codalin.gitbook.io/nodalin-docs/getting-started/1-speedguide.md).

# 1' Speedguide

You learn it by doing. Ready?

1. Click on main menu icon <img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FWSfz405te8jMw0Mev7gb%2Fimage.png?alt=media&amp;token=389134ee-7a0b-40a4-8093-8b9302f60f9e" alt="" data-size="line"> in the top-left and choose File → New.
2. **Let's add a couple of nodes**
   * Right-click on the empty editor canvas, then click on <i class="fa-square">:square:</i> **Square**.

     →  A Square node is added and a white Square appears on the output.
   * Right-click once again on the canvas and select  <i class="fa-wave-sine">:wave-sine:</i> **Wave**.\
     → A Wave node is added.
3. **Let's connect** the Wave to the Square:

   * Hover the right edge of *Wave node.*
   * Click and move the connection wire onto the *Square node.*
   * Click on the Square to complete the connection.

   → The Square now moves — Wave is driving its `size`
4. **Let's tweak and adjust our graph**
   * Right-click on the connection wire and switch the connection to `y`&#x20;
   * Right-click on the <i class="fa-square">:square:</i> Square to adjust its `size` or `rotation`.

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FI6OIuzYhWCXiQ3KGL6CG%2Fspeedguide-ezgif.com-optimize---2.gif?alt=media&amp;token=4ad8cbcd-2486-4151-97b9-c0e23f036e8e" alt=""><figcaption></figcaption></figure></div>

That’s it — you just:

* Created a shape
* Created a data stream
* Connected them
* Switched connection to property
* Edited nodes

**You’re already using Nodalin!**
