Início

Como inserir uma imagem a partir de um gráfico de dados | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
Bubble - Complementares
Relatórios em PDF

PDF Conjurer - Inserindo elementos no PDF

Como inserir uma imagem a partir de um gráfico de dados

Aprenda a inserir gráficos dinâmicos em PDFs utilizando os plugins Chart Element e PDF Screenshot Pro, transformando dados do seu aplicativo em representações visuais impactantes. Domine a conversão de workflows em eventos personalizados para otimizar a geração de relatórios.

Acesso Restrito

Faça login para acessar o conteúdo desta aula.

Fazer login Voltar para o curso

Anterior Próxima

Copyright ©2026 - Todos os direitos reservados
Feito com ☕ e alguns bilhões de tokens de IA

Relatórios em PDF

Progresso do Módulo

0 de 76 aulas concluídas

Introdução ao módulo2 min

Como instalar o plugin CraftMyPDF2 min

Como obter a API Key e configurar o plugin3 min

O que é um template e como criar3 min

Como utilizar o template no Bubble7 min

Como visualizar o arquivo gerado (automaticamente)2 min

Como trazer o arquivo do servidor do CraftMyPDF para o armazenamento no nosso app5 min

Como visualizar o arquivo PDF em nova aba2 min

Como fazer o download do PDF gerado via ação do plugin2 min

Como enviar dados dinâmicos para o plugin (manipulando o JSON)8 min

Diferenças entre gerar arquivo ou url e realizando download direto5 min

Como modificar o template pronto utilizando textos e parâmetros10 min

Como inserir imagem dinâmica no template6 min

Build JSON - O gerador de JSON do plugin CraftMyPDF5 min

Como preparar o Template para múltiplos dados7 min

Como gerar os dados no Bubble6 min

Convertendo o template para múltiplos dados - Testando o dado antes de enviar3 min

Convertendo o template para múltiplos dados - Passando os dados para o plugin e gerando o PDF4 min

Criando um Template do zero - Considerações iniciais e criação do template "em branco"3 min

Criando um Template do zero - Gerando o conteúdo JSON6 min

Criando um Template do zero - Customizações iniciais do template5 min

Criando um Template do zero - Cabeçalho e Dados da loja7 min

Criando um Template do zero - Gerando o JSON no Bubble e trazendo para o template8 min

Criando um Template do zero - Montando os dados do produto no template11 min

Criando um Template do zero - Configurações de quebra de página no produto3 min

Como inserir um rodapé com paginação dinâmica2 min

Criando um Template do zero - Integração no Bubble e geração do PDF5 min

Como usar um PDF como ponto de partida para gerar um template3 min

Como gerar PDF de forma assíncrona utilizando webhooks - Introdução e primeiros testes7 min

Como habilitar o Backend Workflow no Bubble para receber o PDF de forma assíncrona2 min

Como enviar a requisição de geração e receber o PDF via backend11 min

Introdução e instalação do plugin PDF Conjurer1 min

Rotinas iniciais de criação e geração do PDF5 min

Como esconder o elemento "não visual" do PDF Conjurer2 min

Como salvar o PDF no banco de dados e acessar posteriormente (evento PDF Model is finished)6 min

Como inserir um texto simples no PDF8 min

Como utilizar rich text no PDF4 min

Como inserir uma imagem5 min

Como inserir um item ao lado do outro (Multi-Column)7 min

Como forçar uma quebra de página e montar uma capa para o relatório6 min

Como colocar um cabeçalho no relatório (Activate header a PDF Model)8 min

Como criar e utilizar estilos no PDF (Define new style for a PDF Model)6 min

Como criar uma tabela simples (Create table on a PDF Model)9 min

Como criar uma tabela avançada (Start advanced table a PDF Model)10 min

Como colocar um rodapé no relatório (Activate footer a PDF Model)8 min

Como inserir uma imagem a partir de um gráfico de dados9 min

Como inserir várias imagens a partir de gráficos de dados - geração encadeada8 min

Como inserir várias imagens a partir de gráficos de dados - geração simultânea8 min

Como montar uma lista de dados simples utilizando Repeating Structure6 min

Como montar uma lista de dados utilizando repeating group na Repeating Structure3 min

Repeating Structure combinada com multi coluna8 min

Como colocar uma linha separadora (com caracteres)3 min

Como colocar uma linha separadora (com imagem)6 min

Como inserir numeração sequencial na tabela (utilizando List of Numbers do Toolbox)6 min

Como inserir numeração sequencial na tabela (utilizando o Input RG Values)6 min

Como inserir uma marca d'água no PDF (texto)5 min

Como inserir uma marca d'água no PDF (imagem)3 min

Como criar uma lista horizontal de imagens10 min

Como utilizar um texto formatado em HTML7 min

Como organizar melhor seu workflow (nomenclaturas dos steps)6 min

Como organizar seu workflow separando as ações em Custom Events7 min

Debug Log do Conjurer8 min

PDF Conjurer via backend (não pule essa aula)4 min

Como inicializar o PDF no backend4 min

Como salvar o PDF nos arquivos do Bubble (file manager) e no banco de dados9 min

Como organizar os workflows utilizando Custom Events8 min

Como gerar o PDF via backend7 min

Como enviar PDF gerado no backend por e-mail3 min

Como exibir um PDF na página utilizando método "Object"3 min

Como exibir um PDF na página utilizando método "Embed"3 min

Como exibir um PDF na página utilizando método "Iframe"3 min

Como exibir um PDF dentro de um Popup4 min

Como abrir um PDF em uma nova aba2 min

Como realizar download do PDF ao invés de abrir (File Downloader)3 min

Como tornar um PDF privado ao usuário5 min

Avaliação do Módulo