Pergunta

Eu gostaria de projetar uma árvore genealógica no meu site. Como isso pode ser feito com jQuery ou Ajax? Algum exemplos animados por aí?

Foi útil?

Solução

Use a API de visualização do Google, está bem documentada: http://code.google.com/apis/visualization/documentation/gallery/orgchart.html#example

Outras dicas

O link a seguir será útil para compartilhar aqui, pois apliquei todas as lógicas mencionadas aqui, mas nenhuma funciona. Por fim, encontrei esta solução. Isso me ajudou a construir uma árvore genealógica profissional via jQuery e php

Script de árvore genealógica JTree

Verificar www.geni.com. Eles usam flash, não javascript, mas é bom, animado e assim por diante.

Uma rápida olhada no site do plug -in jQuery apareceu Setas e caixas. Parece que faz o que você precisa. Se este não der certo, provavelmente há uma dúzia de outros para tentar.

Dê uma olhada em minha amostra Criado usando D3.js, Mobile Responsive.

  • Role do mouse para zoom, draggable, com dica de ferramenta interativa
  • O botão 'encontrar' para pesquisar em qualquer membro da família
  • Botão 'Redefinir' para redefinir o Zoom & Position

Capaz de exibir relacionamentos difíceis, como vários casamentos e casamentos entre membros da família. Criado usando d3.js

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top