# FRC Web Components

FRC Web Components is an easy way to visualize the Swerve Drive and give helpful feedback to YAGSL developers to aid you.

## Download

To download and install this please choose the correct file and run it from this page.<br>

{% embed url="<https://github.com/frc-web-components/app/releases/latest>" %}

## Configuring FRC Web Components

<figure><img src="/files/upyYpfOhKh7Q5NiYvKNi" alt=""><figcaption></figcaption></figure>

1. Connect the laptop to the robot
2. Open "FRC Web Components"
3. Click "Settings"

<figure><img src="/files/mxlyBgOMjWqvtCiqENUw" alt=""><figcaption><p>FRC Web Components with Settings highlighted</p></figcaption></figure>

4. Input the roboRIO IP address based off of your team number. `10.TE.AM.2`

{% embed url="<https://docs.wpilib.org/en/stable/docs/networking/networking-introduction/ip-configurations.html#te-am-ip-notation>" %}

<figure><img src="/files/vlZ2ymSUcw0qziHHVNRO" alt=""><figcaption><p>Dashboard settings for FRC Web Components.</p></figcaption></figure>

5. Open the widget menu.

<figure><img src="/files/o7HVTpEDT7UXTQRSc2QX" alt=""><figcaption><p>Press here.</p></figcaption></figure>

6. Select the `Swerve Drivebase` and click `Append`

<figure><img src="/files/AfIuMz6zjvzil7UmAFCv" alt=""><figcaption></figcaption></figure>

7. Click on the widget.
8. Click "Connect to data source..."

<figure><img src="/files/9htkkLWA1iRNqLfjje2C" alt=""><figcaption></figcaption></figure>

9. Connect to `SmartDashboard/swerve` by pressing select here.

<figure><img src="/files/yA6rMs8OyCQijf2WXmoE" alt=""><figcaption></figcaption></figure>

10. Press "Close"

## Overview

<figure><img src="/files/YZNQDysRNBI5526DX9nG" alt=""><figcaption><p>Swerve Drivebase while in motion with an incorrect configuration.</p></figcaption></figure>

{% hint style="warning" %}
The **BLUE** lines are the measured velocity and position of the swerve module.

The **RED** lines is the velocity and position of the module sent!
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.yagsl.com/analytics-and-debugging/frc-web-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.