Open Source

Editor de bancos ganha força no GitHub com diagramas ERD e SQL no navegador

O drawDB transforma esquemas de banco em diagramas editáveis e scripts SQL, sem exigir conta e com execução local disponível.

Reprodução · site do drawdb

Criado pela organização drawdb-io, o drawDB é um editor gratuito de diagramas de entidade-relacionamento (ERD) e gerador de SQL que funciona no navegador. O projeto aparece no GitHub Trending semanal e acumulava 38.823 estrelas na consulta de 11 de agosto de 2026, sinalizando interesse por uma ferramenta visual para modelar bancos de dados sem depender de editores complexos.

Dados rápidos

  • Repositório: drawdb-io/drawdb
  • Licença: AGPL-3.0
  • Linguagem: JavaScript
  • Estrelas e forks: 38.823 estrelas, 3.167 forks; 503 estrelas no período
  • Ranking: GitHub Trending, seção weekly
  • Consulta: 11 de agosto de 2026

O problema que o projeto resolve

Projetar um banco de dados costuma exigir alternar entre documentação, ferramentas de modelagem e scripts SQL. O drawDB reúne essas etapas em um editor visual, no qual tabelas e relacionamentos podem ser organizados como um diagrama ERD, representação usada para mostrar entidades, campos e vínculos entre tabelas.

O README descreve o sistema como uma aplicação robusta e intuitiva para criar diagramas diretamente no navegador. A proposta inclui construir modelos com poucos cliques, exportar e importar scripts SQL, gerar migrações e personalizar o editor.

Essa abordagem pode ajudar equipes que precisam discutir a estrutura de um banco antes da implementação. Também pode servir para revisar um esquema existente, desde que o usuário importe um script compatível com os recursos oferecidos pela aplicação. Os bancos de dados especificamente suportados não são detalhados no repositório além dos tópicos associados, que incluem MariaDB e Oracle Database.

Como funciona e como instalar

O fluxo principal começa no navegador, pelo endereço drawdb.app. O usuário cria ou edita o diagrama, trabalha com tabelas e relacionamentos e pode exportar o resultado para SQL. O README também menciona importação de scripts, geração de migrações e uso sem criação de conta.

Para executar o projeto localmente, é necessário clonar o código, instalar as dependências do npm e iniciar o ambiente de desenvolvimento:

git clone https://github.com/drawdb-io/drawdb
cd drawdb
npm install
npm run dev

Também há um comando de compilação para preparar a aplicação:

npm run build

O README oferece uma alternativa com Docker, usando a porta 3000 do ambiente local:

docker build -t drawdb .
docker run -p 3000:80 drawdb

O compartilhamento de arquivos é opcional. Para ativá-lo, o projeto orienta configurar o servidor separado drawdb-server e as variáveis de ambiente conforme o arquivo .env.sample.

Casos de uso práticos

  • Modelagem inicial: equipes podem desenhar tabelas e relacionamentos antes de escrever o banco em produção.
  • Documentação técnica: o diagrama pode servir como representação visual da estrutura de um sistema.
  • Conversão para SQL: o usuário pode gerar scripts a partir do modelo criado no editor.
  • Revisão de bancos existentes: scripts SQL podem ser importados para analisar ou ajustar o esquema.
  • Desenvolvimento local: estudantes e desenvolvedores podem rodar a aplicação com npm ou Docker, sem depender apenas da versão hospedada.

O que diferencia o drawDB

A combinação de editor ERD, geração de SQL, importação e exportação de scripts aparece como o núcleo do projeto. Em vez de se limitar à criação de diagramas, o drawDB conecta a representação visual a artefatos usados na implementação do banco, como scripts e migrações.

Outra característica é a possibilidade de uso no navegador sem conta, conforme descrito no README. O projeto também pode ser compilado localmente e executado via Docker, enquanto o compartilhamento depende de um servidor opcional e de configuração adicional.

A comparação detalhada com alternativas, incluindo quantidade de bancos suportados, integrações, recursos colaborativos ou desempenho, é não informado no repositório.

Limitações e cuidados

O projeto foi criado em 16 de julho de 2023 e recebeu seu último commit em 9 de agosto de 2026. Embora tenha 226 issues abertas e 3.167 forks, não há release publicada identificada: última release: não informado no repositório; data da release: não informado no repositório.

A licença AGPL-3.0 deve ser analisada por organizações que pretendem modificar, distribuir ou oferecer o software como serviço. As obrigações aplicáveis dependem do modo de uso e do contexto jurídico de cada projeto.

A instalação utiliza npm, mas versões das dependências, requisitos mínimos de ambiente e sistemas de banco efetivamente cobertos não são informados no repositório. Informações específicas sobre auditorias de segurança, proteção de dados, autenticação e políticas para o servidor de compartilhamento também são não informado no repositório.

Resumo rápido

  • Projeto: editor de diagramas ERD e gerador de SQL
  • Licença: AGPL-3.0
  • Linguagem: JavaScript
  • Estrelas: 38.823
  • Ranking: GitHub Trending, weekly
  • Risco principal: maturidade de release e informações operacionais não informado no repositório

Fontes

Fontes

JavaScriptAGPL-3.0Open SourceGitHub Trending
Como fazemos: nossa equipe monitora diariamente os repositórios de código aberto em maior alta e produz esta cobertura com apoio de modelos de linguagem, sempre a partir de dados verificados na fonte primária — repositório, documentação oficial e ranking público. Os números de estrelas e a posição no ranking refletem o momento da coleta. Entenda o método.