> For the complete documentation index, see [llms.txt](https://gstudioapp.gitbook.io/gstudio-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gstudioapp.gitbook.io/gstudio-docs/intermediario/link-de-dados-na-tela.md).

# Visualização de dados na página

Feita toda a estrutura e relação entre dados, outro recurso que nossa plataforma oferece é a visualização desses aspectos, apresentados em uma página do seu projeto.

Para que isso seja possível, é necessário o uso de um componente chamado <mark style="color:purple;">data container</mark>.\
É dentro dele onde você poderá configurar a sua visualização adicionando outro componente padrão (listas, gráficos, etc).

Para exemplificar, vamos visitar nosso template de Public Roadmap. \
A visualização dos cards é feita dentro de um componente de board, que por sua vez está dentro de um data container **(A)** relacionado a uma coleção específica responsável por coletar dados **(B).**\ <br>

![Configuração de um data container](https://2521996071-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FtPmYzCa92i9Jm8pq5V%2Fuploads%2FzHTIxKJLyPiBEGCgjF5O%2Fimage.png?alt=media\&token=9c23ecc6-d41e-4bb4-b4a4-774ac52dd813)
