> For the complete documentation index, see [llms.txt](https://docs.roboteasy.tech/studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.roboteasy.tech/studio/utilitarios/exemplos/criar-dashboard-com-graficos-e-grids.md).

# Dashboard com Gráficos e Grids

Passo a passo para criação de Grids personalizados com envio de informações para o Orquestrador.

Através do Studio você pode criar tabelas e gráficos para personalizar a visão dos dados do seu robô no Orquestrador. Nesse artigo vamos criar juntos uma tabela e um gráfico, e vamos disponibilizar ele no Orquestrador.

#### O que você vai aprender:

* Manipular tabelas
* Manipular gráficos
* Publicar projetos no Orquestrador

#### Utilizaremos os objetos:

1. [Criar Grid](/studio/geral-1/objetos/dashboard/grid/criar-grid.md): para as informações do Grid e inserir as colunas;
2. [Inserir Linha](/studio/geral-1/objetos/dashboard/grid/inserir-linha.md) ou [Inserir Múltiplas Linhas](/studio/geral-1/objetos/dashboard/grid/inserir-multiplas-linhas.md): para inserir valores nas colunas;
3. [Criar Gráfico](/studio/geral-1/objetos/dashboard/grafico/criar-grafico.md): onde vamos configurar o gráfico e os dados;
4. [Inserir Dados Gráficos](/studio/geral-1/objetos/dashboard/grafico/inserir-dados-grafico.md): para inclusão dos dados para o gráfico.

> ✍️Vamos ao passo a passo!

## CRIANDO UMA TABELA

### PASSO 1: Criar uma Tabela

Utilizaremos o objeto [Criar Grid](/studio/geral-1/objetos/dashboard/grid/criar-grid.md) para criar nossa tabela. Ela terá dados pessoais, então daremos a ela o nome de "**Pessoas**".

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FfXCv6y9sahuwENdC9Qqe%2Fimage.png?alt=media&amp;token=50fbcbc2-d3e7-4bf2-a9d2-921aaf93da6a" alt=""><figcaption><p>Preenchimento do objeto Criar Grid</p></figcaption></figure></div>

Veja que a nossa tabela terá 5 colunas: nome, RG, CPF, telefone e endereço.

### PASSO 2: Inserir Linhas

Agora, adicionaremos linhas à nossa tabela e para isso utilizaremos o objeto [Inserir Múltiplas Linhas](/studio/geral-1/objetos/dashboard/grid/inserir-multiplas-linhas.md).

Veja os valores que adicionamos em cada coluna da nossa tabela:&#x20;

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FxzmXWSs0tqq0XZ2O1xSP%2Fstudio%20-%20inserir%20mult%20linhas.gif?alt=media&amp;token=d2117637-9292-4c33-8413-b8ff28ddb845" alt=""><figcaption><p>Preenchimento do objeto Inserir Múltiplas Linhas</p></figcaption></figure>

Até aqui, nosso robô está com a seguinte estrutura:

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2F0sulScX6UFbOv5jzW61y%2Fimage.png?alt=media&amp;token=49560c48-4a5f-4b4b-b147-304a123e7a04" alt=""><figcaption><p>Robô montado</p></figcaption></figure></div>

### PASSO 3: Publicar Projeto

Depois de ter criado o nosso robô, vamos para etapa de publicação do nosso projeto para que fique disponível no Orquestrador.

{% hint style="info" %}
Para saber mais sobre o Orquestrador, acesse a [documentação](https://docs.roboteasy.tech/orquestrador/).
{% endhint %}

Para publicar o projeto é simples, basta acessar o menu Projeto -> Publicar Projeto

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FW2RopQtVTdhJkwPRUKFf%2Fimage.png?alt=media&amp;token=2229e611-2474-4686-927e-12c16023c930" alt=""><figcaption><p>Publicando um projeto</p></figcaption></figure></div>

Na sequência será aberto um formulário para preencher os dados do projeto a ser publicado. Informe o nome que deseja dar ao seu robô e, caso queira, uma descrição que ficará disponível no Orquestrador.

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2F4skwHdOt9OfddeEX2bER%2Fimage.png?alt=media&amp;token=44357546-d9c7-4ae5-a07c-abca3c4eedde" alt=""><figcaption><p>Informações para publicação do projeto</p></figcaption></figure></div>

## CRIANDO UM GRÁFICO

Iniciaremos no Studio um novo projeto para criação do nosso gráfico personalizado.

### PASSO 1: Criar Gráfico

Vamos começar a criar nosso gráfico dinâmico. Neste exemplo, criaremos um gráfico de uma empresa com seus lucros nos últimos cinco anos.

O primeiro passo é utilizar o objeto [Criar Gráfico](#criar-grafico).

Informe o tipo de Gráfico a unidade de prefixo ou sufixo e adiciona os conjuntos de dados.

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FjUyougpdt0zdNIOCVIy4%2Fimage.png?alt=media&amp;token=aa1393c9-830c-467c-91f2-ba93500fbe43" alt=""><figcaption><p>Configurando o objeto Criar Gráfico</p></figcaption></figure>

### PASSO 2: Inserir Dados

Em seguida usaremos o objeto [Inserir Dados Gráfico](/studio/geral-1/objetos/dashboard/grafico/inserir-dados-grafico.md) para adicionar os dados no gráfico.

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FOtX1AY702eUytPdwTNM5%2Fimage.png?alt=media&amp;token=6e943162-ad16-42b3-8ea1-bc2568f48ac0" alt=""><figcaption><p>Inserindo dados no gráfico</p></figcaption></figure></div>

Teremos que utilizar o objeto "Inserir Dados Gráfico" para cada ano que criamos no nosso gráfico. Ou seja, no nosso exemplo são 5 anos, logo usaremos o objeto 5 vezes.

Nosso robô ficará com essa estrutura:

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FJ8G22Zzb3coNfS6ygKhZ%2Fimage.png?alt=media&amp;token=9ffb3355-835e-43b9-ade3-67bb3f79ab06" alt=""><figcaption><p>Estrutura do Robô</p></figcaption></figure>

### PASSO 3: Publicar Projeto

Depois de ter criado o nosso robô, vamos para etapa de publicação do nosso projeto para que fique disponível no Orquestrador.

Agora, você já sabe como publicar um projeto, não é?

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FT5fp6kDd6SygDzCjamCR%2Fimage.png?alt=media&amp;token=a9d930ea-3451-44cd-bbcd-05bb26615f62" alt=""><figcaption><p>Publicando projeto</p></figcaption></figure></div>

Daremos um nome ao nosso projeto e vamos publicar:

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FsN0xLji5bsPYtQsOTEyX%2Fimage.png?alt=media&amp;token=83ccaed1-c37c-4555-bbce-1711ccf71c60" alt=""><figcaption><p>Preenchendo informações do projeto antes de publicação.</p></figcaption></figure></div>

## EXECUTANDO O PROJETO

### PASSO 1: Configurando o Manager

Para que os nossos projetos sejam executados, precisamos garantir que o [Manager](https://docs.roboteasy.tech/orquestrador/gerenciador-de-runtime) está instalado na sua máquina.

Caso ainda não tenha instalado, clique [aqui](https://agapys-1.gitbook.io/get-roboteasy/) para baixar e ver os procedimentos para instalação e crie um *runtime* antes de continuar.

Acesse essa página para obter todos os procedimentos: [documentação manager](https://docs.roboteasy.tech/orquestrador/gerenciador-de-runtime).

### PASSO 2: Acessando o Orquestrador

Faça login no Orquestrador através deste [link](https://app.rpaidea.com/).

{% hint style="info" %}
**DICA**

O usuário e senha de acesso ao Orquestrador é o mesmo utilizado para acessar o Studio e o Manager.
{% endhint %}

No menu lateral selecione a opção "Runtime" e localize o que você acabou de criar. Se tudo estiver correto, você encontrará sua máquina assim:

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2F7CUgyi0zHvF8KLNegC4c%2Fimage.png?alt=media&amp;token=122a8337-2d6f-4ad5-9950-3c6a408a591e" alt=""><figcaption><p>Runtime conectado no Orquestrador</p></figcaption></figure></div>

### PASSO 3: Executando o Robô

Agora está tudo pronto para executarmos nosso robô.

No menu lateral do Orquestrador, selecionar a opção **Robôs.** Nessa página estarão listados todos os robôs publicados e vamos localizar o nosso robô:

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FxQkbejvR0Ghe6XJH2OZa%2Fimage.png?alt=media&amp;token=ece39d7b-bb25-499d-9380-9393b1e08d27" alt=""><figcaption><p>Robôs publicados no Orquestrador</p></figcaption></figure></div>

Vamos executar os dois robôs que criamos nesse artigo clicando no botão "Executar" e na sequência selecionando o runtime que nós criamos, no meu caso o "PC-DOCUMENTACAO", e clique em "Executar":

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FhiJ2uXhNpps1Vsg64wBY%2Fimage.png?alt=media&amp;token=8a570259-67c2-4b38-b32e-c0f18faedb4f" alt=""><figcaption><p>Seleção de runtime para execução</p></figcaption></figure></div>

### PASSO 4: Resultado

Agora já podemos ver o resultado da execução. Para isso, selecione a opção "Runtime" no menu lateral do Orquestrador, e navegue até encontrar o seu runtime. Ao selecionar o seu runtime, uma tela como essa será apresentada:

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FkPSMuT12QphTX44ePOFo%2Fimage.png?alt=media&amp;token=41f664d6-199c-4197-a6a5-94d2d3aa553f" alt=""><figcaption><p>Resultado da execução</p></figcaption></figure>

## DOWNLOAD DOS ROBÔS

{% file src="/files/NSIuSATbVKqCt3uq0F9m" %}

{% file src="/files/ylEoTYVkR4XVIQRYP0Iu" %}

## CONCLUSÃO

Neste artigo você aprendeu a criar tabelas e gráficos para personalizar informações que são relevantes para o seu negócio. É claro que, neste exemplo, informamos dados estáticos a nível de treinamento, mas você pode criar visões dinâmicas com informações reais de acordo com a execução dos seus robôs.

Espero que esse artigo tenha te ajudado! :clap: