Esta plantilla produce una fila en un gráfico similar a un "árbol genealógico" que consta de cuadros y líneas de conexión basadas libremente en una sintaxis similar al arte ASCII . Está pensado para usarse junto con {{ Tree chart/start }} y {{ Tree chart/end }} . El gráfico se muestra como tablas HTML utilizando atributos CSS y puede contener marcas wiki arbitrarias dentro de los cuadros. Esta implementación se basó en la plantilla {{ árbol genealógico }} ahora obsoleta .
Este código:
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{ Gráfico de árbol/inicio | alinear = centrar | resumen = Un ejemplo de árbol genealógico }} {{ Gráfico de árbol | | | | GrMa | ~ | y | ~ | PRFV | | GrMa = abuela | GRP = Abuelo }} {{ Gráfico de árbol | | | | | | | | ) | - | - | - | . | }} {{ Gráfico de árbol | | | MAMÁ | y | PAPÁ | | MARGARITA | MAMÁ = Mamá | PAPÁ = Papá | DAISY = [[ Tía Daisy ]]}} {{ Gráfico de árbol | | , | - | - | - | + | - | - | - | . | | | }} {{ Gráfico de árbol | JOE | | YO | | SIS | | | JOE = Mi hermano Joe | YO = '''¡Yo!''' | SIS = Mi hermana pequeña }} {{ Gráfico de árbol/fin }}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. El código anterior produce una tabla de tamaño 9 filas x 18 columnas como se muestra a continuación.
Este código usa {{ chart top }} :
{{ parte superior del gráfico | Un ejemplo de árbol genealógico }} {{ Gráfico de árbol/inicio | align = center }} {{ Gráfico de árbol | | | | GrMa | ~ | y | ~ | PRFV | | GrMa = abuela | GRP = Abuelo }} {{ Gráfico de árbol | | | | | | | | ) | - | - | - | . | }} {{ Gráfico de árbol | | | MAMÁ | y | PAPÁ | | MARGARITA | MAMÁ = Mamá | PAPÁ = Papá | DAISY = [[ Tía Daisy ]]}} {{ Gráfico de árbol | | , | - | - | - | + | - | - | - | . | | | }} {{ Gráfico de árbol | JOE | | YO | | SIS | | | JOE = Mi hermano Joe | YO = '''¡Yo!''' | SIS = Mi hermana pequeña }} {{ Gráfico de árbol/final }} {{ parte inferior del gráfico }}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 | BARRA | | FOO = Caja 1 | BAR = Cuadro 2 }} {{ Gráfico de árbol | | | , | - | ^ | - | . | | }} {{ Gráfico de árbol | borde = 3 | estilo de caja = fondo:amarillo; | | FOO | | BARRA | | FOO = Caja 3 | BAR = Cuadro 4 }} {{ Gráfico de árbol/final }}produce este gráfico:
Los atributos de estilo incluso se pueden configurar para cuadros individuales dentro de cada fila, como en el siguiente ejemplo:
{{ Gráfico de árbol/inicio }} {{ Gráfico de árbol | | | | | BORRAR | | | | | CLEAR = Borrar cuadro }} {{ Gráfico de árbol | | , | - | - | ' | ! | ` | - | - | . | }} {{ Gráfico de árbol | ROJO | ~ | VERDE | ~ | AZUL | ROJO = Cuadro rojo | VERDE = Cuadro verde | AZUL = Caja 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 }}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 con el 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 }} también acepta un |style=parámetro opcional que se puede usar para configurar estilos CSS para todo el diagrama y un |align=parámetro opcional para configurar la alineación del gráfico.