Este modelo produz um gráfico numa ficha tipo "árvore genealógica" que consiste em caixas e linhas de conexão baseadas livremente numa sintaxe similar ao ASCII art. Está destinado a usar-se junto com {{Chart/start}} e {{Chart/end}}. O gráfico mostra-se como tabelas HTML utilizando os atributos CSS, e pode conter wikitexto arbitrário dentro dos quadros. Esta implementação baseou-se no modelo agora obsoleto {{árvore genealógica}}.
NOTA:O modelo também funciona com o nome abreviado de {{chart}}.
Este quadro mostra visualmente a informação de que tenho um irmão Joe e uma irmã pequena; minha mãe casou-se com meu pai; e os pais de meu pai eram avó e avô; e os pais de meu pai tiveram outro filho, tia Daisy. O código anterior produz uma tabela de tamanho 9 bichas x 10 colunas como se mostra a seguir.
Este quadro mostra visualmente a informação de que tenho um irmão Joe e uma irmã pequena; minha mãe casou-se com meu pai; e os pais de meu pai eram avó e avô; e os pais de meu pai tiveram outro filho, tia Daisy.
O modelo aceita qualquer número de parâmetros sem nome e cada parâmetro especifica um box (caixa) ou um tile (conector).
Boxes (caixas) podem conter wikitexto arbitrário. O conteúdo de cada quadro especifica-se utilizando parâmetros com nome adicionais agregados ao telefonema de modelo. Cada caixa tem três lacunas de largura e normalmente tem uma borda negra de dois pixels de largura. Os quadros podem ter qualquer nome que seja um nome de parâmetro de modelo válido, sujeito a um mínimo de dois caracteres alfabéticos.
Tiles (conectores) são símbolos de desenho linear utilizados para ligar as caixas. Cada conector ocupa uma lacuna de largura. Consistem em vários estilos de linhas horizontais e verticais junto com cantos e cruzes segundo seja necessário. As fichas especificam-se utilizando seu nome de um ou dois caracteres: para as fichas mais comuns, esse carácter é mais ou menos aproximado à aparência da ficha. Um caso especial é o conector vazio, especificado por um sozinho carácter de espaço. A seguir mostra-se uma tabela de conectores disponíveis:
Nota: Ao especificar atributos de estilo para quadros com nome individuais, assegure-se de que os nomes dos quadros estejam alinhados com o lado esquerdo da área reservada para eles no telefonema de modelo (como em "|REDE |"em lugar de"| REDE |" no exemplo anterior), caso contrário, o modelo terminará procurando um parâmetro de estilo com espaços em seu nome.
O modelo {{Chart/start}} também aceita um parâmetro opcional {{{style}}} que se pode usar para estabelecer estilos CSS pára todo o diagrama, e um parâmetro opcional {{{align}}} para estabelecer o alinhamento do gráfico.
O modelo {{chart}} é amplamente compatível com o modelo anterior {{árvore genealógica}}. No entanto, para usar a funcionalidade adicional que se oferece com este modelo, os diagramas devem se actualizar para usar {{chart}} em seu lugar. Muitos diagramas de {{árvore genealógica}} podem modificar-se para usar {{chart}} simplesmente substituindo o wikitexto árvore genealógica por chart. Alguns dos conectores "mistos" tiveram que ser renomeados, e os diagramas {{árvore genealógica}} que usam estes conectores terão que fazer algumas mudanças. Ademais, incluíram-se três conectores "vários" nesta lista que não têm mudado: K, Ou, X.
Ao converter de {{árvore genealógica}} a {{chart}} deve-se ter cuidado com todos os glifos mencionados nesta secção para gerar conectores com {{árvore genealógica}}, tendo cuidado ao os modificar para que os conectores não se alterem, sendo substituídos por conectores inapropiados de {{chart}}.
Por último, se algum uso do modelo {{árvore genealógica}} termina com |}}, essa barra vertical deve eliminar-se, deixando a última cela nessa ficha que contenha texto ou um espaço.
A ferramenta familytree.js pode-se usar para converter as diferentes sintaxes. Simplesmente mude-se a etiqueta de início editando o código, depois clique-se em "Art → Predefinições" para voltar à vista de wikitexto. Os outros modelos actualizar-se-ão para que coincidam.