Esta plantilla produce una fila en un diagrama tipo "árbol genealógico" que consta de cuadros y líneas de conexión basadas en una sintaxis similar a la del arte ASCII . Está pensada para usarse junto con {{ Tree chart/start }} y {{ Tree chart/end }} . El diagrama se muestra como tablas HTML utilizando atributos CSS y puede contener marcado wiki arbitrario dentro de los cuadros. Esta implementación se basó en la plantilla {{ family tree }}, ahora obsoleta .
Este código:
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{ Diagrama de árbol/inicio | alinear = centro | resumen = Un ejemplo de árbol genealógico }} {{ Diagrama de árbol | | | | GrMa | ~ | y | ~ | GRP | | GrMa = Abuela | GRP = Abuelo }} {{ Diagrama de árbol | | | | | | | | ) | - | - | - | . | }} { { Diagrama de árbol | | | MAMÁ | y | PAPÁ | | DAISY | MAMÁ = Mamá | PAPÁ = Papá | DAISY = [[ Tía Daisy ]]}} {{ Diagrama de árbol | | , | - | - | - | + | - | - | - | . | | | } } {{ Diagrama de árbol | JOE | | YO | | HERMANA | | | JOE = Mi hermano Joe | YO = ' ''¡Yo!''' | HERMANA = Mi hermana pequeña }} {{ Diagrama de árbol/fin }} produce esto:
Este gráfico muestra visualmente la información de que tengo un hermano llamado Joe y una hermana menor; mi mamá se casó con mi papá; y los padres de mi papá eran abuela y abuelo; y los padres de mi papá tuvieron otra hija, la tía Daisy. El código anterior produce una tabla de 9 filas x 18 columnas como se muestra a continuación.
Este código utiliza {{ chart top }} :
{{ chart top | Un ejemplo de árbol genealógico }} {{ Diagrama de árbol/inicio | align = center }} {{ Diagrama de árbol | | | | GrMa | ~ | y | ~ | GRP | | GrMa = abuela | GRP = abuelo }} {{ Diagrama de árbol | | | | | | | | ) | - | - | - | . | }} {{ Diagrama de árbol | | | MAMÁ | y | PAPÁ | | DAISY | MAMÁ = Mamá | PAPÁ = Papá | DAISY = [[ Tía Daisy ]]}} {{ Diagrama de árbol | | , | - | - | - | + | - | - | - | . | | | } } {{ Diagrama de árbol | JOE | | YO | | HERMANA | | | JOE = Mi hermano Joe | YO = '''¡Yo!''' | HERMANA = Mi hermana pequeña }} {{ Diagrama de árbol/fin }} {{ chart bottom }}produce esto:
Este cuadro muestra visualmente la información de que tengo un hermano Joe y una hermana pequeña; mi mamá se casó con mi papá; y los padres de mi papá eran la abuela y el abuelo; y los padres de mi papá tuvieron otra hija, la tía Daisy.
La plantilla acepta cualquier número de parámetros sin nombre, y cada parámetro especifica un mosaico o un cuadro .
La apariencia de los cuadros en una fila se puede controlar mediante los siguientes parámetros de plantilla opcionales:
{{ Gráfico de árbol/inicio }} {{ Gráfico de árbol | borde = 1 | estilo de caja = color:blanco; fondo:verde; | | FOO | y | BAR | | FOO = Caja 1 | BAR = Caja 2 }} {{ Gráfico de árbol | | | , | - | ^ | - | . | | }} {{ Gráfico de árbol | borde = 3 | estilo de caja = fondo:amarillo; | | FOO | | BAR | | FOO = Caja 3 | BAR = Caja 4 }} {{ Gráfico de árbol/fin }}produce este gráfico:
Incluso se pueden configurar atributos de estilo para cuadros individuales dentro de cada fila, como en el siguiente ejemplo:
{{ Gráfico de árbol/inicio }} {{ Gráfico de árbol | | | | | BORRAR | | | | | BORRAR = Borrar cuadro }} {{ Gráfico de árbol | | , | - | - | ' | ! | ` | - | - | . | }} {{ Gráfico de árbol | ROJO | ~ | VERDE | ~ | AZUL | ROJO = Cuadro rojo | VERDE = Cuadro verde | AZUL = Cuadro azul | boxstyle_RED = color:blanco; color de fondo: rojo; | boxstyle_GREEN = color:amarillo; color de fondo: verde; | boxstyle_BLUE = color:blanco; color de fondo: azul; }} {{ Gráfico de árbol/fin }} Lo que produce esto:
' Nota:' Al especificar atributos de estilo para cuadros con nombre individuales, asegúrese de que los nombres de los cuadros estén alineados al lado izquierdo del área reservada para ellos en la llamada de plantilla (como en " " en lugar de " " en el ejemplo anterior), de lo contrario la plantilla terminará buscando un parámetro de estilo con espacios en su nombre. |RED || RED |
La plantilla {{ Tree chart/start }}|style= también acepta un parámetro opcional que se puede usar para establecer estilos CSS para todo el diagrama y un |align=parámetro opcional para establecer la alineación del gráfico.