Escrever uma consulta SQL fica mais claro quando a estrutura do banco está à vista. Por isso, o SQLite Playground do fasttools.dev agora tem um modo lado a lado: o editor de código fica à esquerda e os resultados, logs e diagrama entidade-relacionamento (ER) ficam à direita.
O recurso foi pensado tanto para quem está aprendendo SQL quanto para profissionais que querem raciocinar sobre tabelas, chaves e relacionamentos sem alternar entre telas.
O que é o modo lado a lado
No layout tradicional, o editor fica acima dos painéis de resultado. No novo modo, os dois espaços são divididos verticalmente:
- à esquerda, você escreve e executa SQL;
- à direita, consulta resultados, logs e o diagrama ER;
- o divisor pode ser arrastado para dar mais espaço ao código ou ao diagrama.
O botão no canto direito da barra de abas alterna entre os dois layouts. A preferência de largura também é preservada no navegador.
Por que visualizar o diagrama enquanto escreve SQL
Um diagrama ER torna visível o modelo que está por trás da consulta. Em vez de depender apenas da memória, você pode conferir rapidamente:
- quais tabelas existem no cenário;
- quais colunas fazem parte de cada tabela;
- onde estão as chaves primárias e estrangeiras;
- como as tabelas se relacionam;
- quais caminhos fazem sentido para um
JOIN.
Esse reforço visual ajuda a formar o modelo mental do banco. Para estudantes, ele reduz a distância entre a explicação de relacionamento e uma consulta real. Para quem já trabalha com dados, agiliza a leitura de uma base de demonstração, o planejamento de uma query e a validação de uma ideia de modelagem.
Um exemplo prático para estudar JOIN
Abra um cenário pronto, como Banking / Finance, e deixe a aba ER Diagram aberta à direita. Depois, escreva uma consulta que comece pela tabela principal e avance por seus relacionamentos.
SELECT
l.loan_id,
c.full_name,
l.status,
SUM(CASE WHEN i.status = 'paid' THEN i.amount ELSE 0 END) AS paid_amount
FROM loans l
JOIN customers c ON c.customer_id = l.customer_id
JOIN installments i ON i.loan_id = l.loan_id
GROUP BY l.loan_id;
Enquanto lê a query, o diagrama permite conferir as ligações entre loans, customers e installments. Isso facilita perceber por que cada condição de JOIN existe e como uma coluna se conecta à outra.
Como alternar o layout
- Abra o SQLite Playground.
- Execute ou escolha um cenário com tabelas relacionadas.
- Abra a aba ER Diagram nos painéis de resultado.
- Clique no botão de layout no lado direito da barra de abas.
- Arraste o divisor central até encontrar uma proporção confortável.
Em telas menores, o playground mantém os painéis empilhados para preservar a leitura e o espaço de trabalho.
Uma bancada de prática mais visual
SQL não é apenas decorar comandos. É aprender a conectar perguntas, tabelas, dados e relacionamentos. Manter o editor e o diagrama próximos encurta esse ciclo: você observa a estrutura, formula uma hipótese, escreve a consulta e confere o resultado.