--- title: "Organizational Chart. Descripción general de la solución" description: "Vitextra Organizational Chart crea una jerarquía empresarial interactiva en SharePoint Online y Microsoft Teams a partir de Microsoft Entra ID. Descubra sus modos, diseños, tarjetas de empleados, búsqueda, filtros y exportación a PDF y JPEG." url: https://vitextra.com/es/support/kb/10232 language: es published: 2026-11-05 modified: 2026-11-07 author: "Vitālijs Kalniņš" tags: ["organigrama", "elemento web organigrama", "organigrama SharePoint Online", "organigrama Microsoft Teams", "jerarquía Microsoft Entra ID", "estructura empresarial", "relaciones jerárquicas", "presencia", "exportar organigrama PDF", "Vitextra Organizational Chart"] --- # Organizational Chart. Descripción general de la solución Vitextra Organizational Chart crea una jerarquía empresarial interactiva en SharePoint Online y Microsoft Teams a partir de Microsoft Entra ID. Descubra sus modos, diseños, tarjetas de empleados, búsqueda, filtros y exportación a PDF y JPEG. ## Introducción Toda empresa tiene una estructura organizativa, y todos los empleados necesitan consultarla en algún momento: una nueva incorporación quiere saber quién depende de quién, un responsable necesita conocer otro departamento y recursos humanos busca un organigrama actualizado para una presentación sin tener que dibujarlo a mano. El problema es que un organigrama en una presentación queda obsoleto en cuanto alguien cambia de función. **Vitextra Organizational Chart** lo resuelve construyendo automáticamente el organigrama a partir del directorio que ya mantiene. El ::elemento web:: lee el atributo **manager** de cada perfil de ::Microsoft Entra ID:: y representa la jerarquía como un árbol interactivo en una página de ::SharePoint Online:: o en ::Microsoft Teams::. No hay que mantener otro origen de datos: cuando cambia una relación jerárquica en el directorio, también cambia el organigrama. ![Organizational Chart en una página de SharePoint](https://static.vitextra.com/articles/10232/org-chart-overview-es.png) *Organizational Chart en una página de SharePoint* Este artículo presenta las funciones del elemento web y cómo se relacionan entre sí. Para configurar el producto paso a paso, consulte [KB10233. Cómo agregar y configurar el elemento web Organizational Chart](https://vitextra.com/es/support/kb/10233); para aprender a utilizarlo, consulte [KB10234. Organizational Chart: guía rápida para usuarios](https://vitextra.com/es/support/kb/10234). ## Construido a partir de su directorio El elemento web está basado en ::SharePoint:: Framework y obtiene los datos de empleados mediante la API de ::Microsoft Graph::. Carga las cuentas de miembros activos del ::inquilino:: y sus relaciones con los responsables, y las organiza en un árbol: una persona cuyo responsable es otro empleado se convierte en un nodo hijo de ese empleado, y así sucesivamente. Como la estructura se deriva del campo **Responsable**, la calidad del organigrama depende directamente del directorio. Si todos los empleados salvo la dirección de la empresa tienen responsable, el organigrama tiene una sola raíz y ramas bien definidas. Si varias personas no tienen responsable, cada una aparece como una raíz independiente en la parte superior. 📝 **Nota** Las cuentas de invitados y los usuarios externos nunca se incluyen: solo aparecen cuentas de miembros de su organización. Las cuentas deshabilitadas se excluyen siempre en la consulta a Microsoft Graph. Las cuentas sin licencia o sin puesto también se excluyen de forma predeterminada, pero el administrador puede modificar estas dos últimas reglas en la configuración. Los datos de empleados se cargan una vez y se conservan en el navegador durante un máximo de 12 horas, lo que agiliza las visitas posteriores y reduce la carga de Microsoft Graph. Encima del organigrama aparecen la hora de **Última actualización:** y el enlace **Actualizar** para recargar los datos cuando sea necesario. Las fotografías y la presencia se cargan bajo demanda, solo para las tarjetas visibles, lo que mantiene la fluidez incluso en organizaciones con miles de empleados. ## Dos modos de organigrama El elemento web puede mostrar toda la organización o solo una parte: - **Toda la empresa**: comienza por los empleados sin responsable, normalmente el director general o el equipo directivo, y muestra toda la jerarquía inferior. Es adecuado para la página principal de la intranet o la sección *Acerca de la empresa*. - **Empleados que reportan a un usuario específico**: comienza por una persona seleccionada y muestra a todos los que dependen de ella, directa o indirectamente. Es adecuado para sitios de departamento o páginas de equipo donde solo interesa una rama. ![Modos de toda la empresa y de usuario específico](https://static.vitextra.com/articles/10232/chart-modes-es.png) *Modos de toda la empresa y de usuario específico* En ambos modos puede elegir cuántos niveles se expanden al abrir la página, de 1 a 10. Los niveles inferiores permanecen contraídos hasta que un visitante los expande, lo que facilita la lectura de organigramas grandes. ## Diseños y tarjetas de empleados El organigrama ofrece dos diseños: - **Alineación horizontal**: árbol organizativo clásico de arriba abajo. Los visitantes pueden arrastrarlo para desplazarse y ampliar o reducir el zoom; resulta adecuado para secciones amplias y diseños de ancho completo. - **Alineación vertical**: ::lista:: compacta anidada, con cada nivel sangrado bajo su responsable. Ocupa menos espacio horizontal y se adapta a columnas estrechas y pantallas móviles. ![Diseños horizontal y vertical](https://static.vitextra.com/articles/10232/layouts-es.png) *Diseños horizontal y vertical* Cada empleado se representa mediante una tarjeta. Hay cuatro tamaños, desde una tarjeta compacta con el nombre hasta una grande con fotografía y tres líneas de información. Puede elegir qué atributos aparecen en el encabezado y las líneas secundaria y tercera entre quince atributos del perfil: nombre completo, puesto, departamento, correo electrónico, teléfono móvil, ubicación de oficina, ciudad, país, identificador de empleado y otros. Un ::sitio:: de departamento puede mostrar el puesto y el teléfono; un directorio de oficinas puede priorizar la ubicación y el correo. Las tarjetas también muestran la fotografía y un indicador de **presencia en Microsoft Teams**: Disponible, Ocupado, Ausente, No molestar o Desconectado. Así, los compañeros pueden valorar si es un buen momento para contactar. Al situar el puntero sobre una tarjeta se abre la ::tarjeta de perfil:: estándar de ::Microsoft 365::, con datos de contacto y acciones como iniciar un chat o enviar un correo. Opcionalmente, una insignia puede mostrar el número de subordinados directos. La presencia se obtiene al cargar la tarjeta y no se actualiza de forma continua. ![Tarjeta con fotografía, presencia y número de subordinados directos](https://static.vitextra.com/articles/10232/employee-card-es.png) *Tarjeta con fotografía, presencia y número de subordinados directos* ## Navegar por el organigrama La barra de herramientas situada encima del organigrama permite desplazarse por estructuras grandes: - **Expandir todo** y **Contraer todo**: abren o cierran todo el árbol con un clic. - **Acercar**, **Alejar** y el porcentaje de zoom actual -del 20% al 200%-, junto con **Ajustar a la pantalla**, que ajusta el organigrama al ancho de la página, y **Restablecer vista**, que restablece el 100% y la posición original. Mantenga pulsada **Ctrl** -o **⌘** en Mac- mientras gira la rueda del ratón para ajustar el zoom; sin esa tecla, la rueda desplaza la página normalmente. - **Buscarme**: localiza al usuario que ha iniciado sesión, expande la cadena de responsables, resalta su tarjeta y la lleva al área visible. Permite saber rápidamente dónde se encuentra en la estructura y resulta especialmente útil para las nuevas incorporaciones. - **Exportar**: guarda el organigrama como archivo, tal como se explica más adelante. Cada rama se expande o contrae mediante la flecha situada bajo la tarjeta, también accesible con el teclado. ## Búsqueda y filtrado El cuadro de búsqueda filtra el árbol a medida que escribe. Examina el nombre, puesto, departamento, correo electrónico, identificador de empleado, ciudad, estado o provincia y país de cada empleado; resalta las tarjetas coincidentes y expande automáticamente sus ramas para que ningún resultado quede oculto en un nodo contraído. Para los administradores, el panel de propiedades incluye el grupo **Filtro**. Su generador de consultas permite combinar condiciones sobre los atributos de las tarjetas mediante **Y**/**O** y operadores como *es igual a*, *contiene*, *comienza por*, *Contiene datos* y sus negaciones. Por ejemplo, puede mostrar empleados de dos departamentos o excluir cuentas de servicio cuyo puesto contenga una palabra determinada. Además, tres opciones permiten excluir empleados sin licencia, sin departamento o sin puesto. 💡 **Consejo** Un uso habitual del filtrado es mostrar un departamento en su propio sitio. Consulte el ejemplo de [KB50026. Cómo filtrar Organizational Chart para mostrar un departamento específico](https://vitextra.com/es/support/kb/50026). ## Exportar a PDF y JPEG El organigrama se puede exportar a **PDF** o **JPEG** con un clic. La exportación captura todo el árbol tal como está expandido -todas las raíces y ramas abiertas, incluidas las que quedan fuera de la pantalla-, y selecciona automáticamente la orientación de la página PDF según sus proporciones. El administrador decide qué formatos se ofrecen a los visitantes. ## Microsoft Teams Organizational Chart se distribuye como aplicación de Microsoft Teams. Puede instalarse como **aplicación personal**, para abrir el organigrama desde la barra lateral, o agregarse como **pestaña** de canal, para que un equipo tenga siempre a mano su estructura. Los datos, diseños y navegación son los mismos que en SharePoint. En Teams, el administrador puede guardar la configuración actual como **valor predeterminado para todo el inquilino**, de modo que todos los usuarios de la aplicación personal vean un organigrama configurado de forma uniforme sin tener que configurar nada. ![Organizational Chart como aplicación personal de Microsoft Teams](https://static.vitextra.com/articles/10232/teams-personal-app-es.png) *Organizational Chart como aplicación personal de Microsoft Teams* ## Temas e idiomas El elemento web adopta el tema del sitio de SharePoint, incluida la variante de color de la sección donde se ubica, y cambia al modo oscuro junto con Teams. Admite secciones de ancho completo y se adapta al tamaño de la pantalla. La interfaz está disponible en **más de 40 idiomas**, seleccionados automáticamente según el idioma del sitio de SharePoint o del cliente de Teams. ## Requisitos del sistema | | | |---|---| | Plataforma | SharePoint Online (Microsoft 365) | | Entornos | Páginas modernas de SharePoint, aplicaciones de página completa, aplicación personal y pestañas de canal de Microsoft Teams | | Origen de datos | Microsoft Entra ID mediante Microsoft Graph | | Instalación | Paquete SPFx (`.sppkg`) mediante el ::catálogo de aplicaciones:: del inquilino | | Permisos de API | `Directory.Read.All`, `User.Read.All`, `Presence.Read.All` (Microsoft Graph) | | Licencia | Una licencia por inquilino; el número de usuarios no afecta al precio | ❗ **Importante** Organizational Chart es un producto en la nube y no admite entornos locales de SharePoint Server. 💡 **Consejo** Para implementar el elemento web, consulte [KB10035. Cómo instalar un producto Vitextra en SharePoint Online](https://vitextra.com/es/support/kb/10035). Para agregarlo a una página y configurarlo, consulte [KB10233. Cómo agregar y configurar el elemento web Organizational Chart](https://vitextra.com/es/support/kb/10233). Más información sobre el producto: