> ## Documentation Index > Fetch the complete documentation index at: https://docs.athenahq.ai/llms.txt > Use this file to discover all available pages before exploring further. # Visualización de fuentes > Muestra un diagrama de Sankey interactivo de las fuentes web que citan los LLM al mencionar tu marca frente a competidores, para rastrear la visibilidad en IA hasta el contenido de origen. > [card] [Abrir en AthenaHQ](https://app.athenahq.ai/sources/visualization) > > `app.athenahq.ai/sources/visualization` ## Propósito La página Visualización de fuentes ofrece una visión general e interactiva de cómo influyen las fuentes web en los modelos de IA. Incluye un diagrama de Sankey que representa el flujo de información desde los dominios de origen hasta los modelos de IA que los citan y, finalmente, hasta las marcas o competidores mencionados en las respuestas de IA. Esta página te ayuda a rastrear la visibilidad en IA hasta el contenido que la origina. Al visualizar estas relaciones, puedes identificar qué dominios de terceros impulsan recomendaciones de tu marca, descubrir qué fuentes alimentan las menciones de competidores y detectar oportunidades de contenido valiosas en las que se cita a los competidores y a ti no. ## Qué hay en la página ### Cabecera de página * **Título de la página**: muestra «Visualización de fuentes». * **Icono de información (ⓘ)**: al pasar el cursor, muestra un texto de ayuda titulado «Más sobre la atribución de fuentes». Explica cómo leer el gráfico: las conexiones más gruesas indican más respuestas en las que un LLM ha mencionado la marca y citado una fuente que menciona la marca. Describe casos de uso como «Análisis detallado de citas de LLM», «Información de competidores» y «Carencias de contenido». ### Barra de filtros * **Desplegable Vistas**: permite guardar, cargar y gestionar configuraciones de filtros personalizadas. * **Filtro de intervalo de fechas**: siempre visible. Limita los datos del gráfico a un periodo concreto. * **Botón Filtrar**: abre un menú para añadir filtros adicionales que acoten los datos. * **Borrar todo**: aparece cuando hay filtros activos y permite restablecer rápidamente la vista a su estado predeterminado. ### Área del gráfico * **Fuentes principales**: el encabezado de la sección del gráfico, que aclara que las fuentes están a la izquierda y las marcas o competidores a la derecha. * **Ampliar**: un interruptor que activa un efecto de zoom de ojo de pez, para ver mejor grupos densos de conexiones al pasar el ratón por encima. * **Indicador de foco**: al hacer clic en un nodo concreto, aparece la etiqueta «Viendo conexiones de \[Name]» junto a un botón **Restablecer vista**. * **Diagrama de Sankey**: la visualización principal. * **Nodos izquierdos (índigo)**: representan dominios de origen (por ejemplo, example.com). * **Nodos derechos (verde/naranja)**: representan tu marca (verde) y los competidores que sigues (naranja). * **Conexiones (enlaces)**: fluyen de izquierda a derecha. El grosor de la línea representa el volumen de respuestas que conectan esa fuente con esa marca. ## Qué puedes hacer aquí * **Pasar el cursor sobre un nodo**: muestra un texto de ayuda con el nombre del nodo, sus citas totales y su porcentaje del total. * **Pasar el cursor sobre una conexión (enlace)**: muestra un texto de ayuda con el número total de respuestas que representa, su porcentaje y un desglose en dos pasos que explica que la IA ha citado la fuente y que la fuente o la IA han mencionado la marca objetivo. También muestra la indicación «Haz clic para ver estas páginas de origen». * **Hacer clic en una conexión**: permite explorar los detalles. Al pulsar la línea que conecta una fuente con una marca, sales de esta página y accedes a la página estándar **Fuentes**, filtrada automáticamente para mostrar las respuestas de IA exactas que sustentan esa relación. * **Hacer clic en un nodo**: centra el gráfico únicamente en esa fuente o marca concreta y oculta los demás nodos y conexiones no relacionados para reducir el ruido visual. Haz clic en **Restablecer vista** para volver al gráfico completo. * **Activar o desactivar Ampliar**: utiliza el interruptor «Ampliar» para activar o desactivar el zoom del gráfico que sigue al cursor. * **Gestionar vistas guardadas**: con el desplegable **Vistas**, puedes: * Hacer clic en **Guardar como vista** para guardar los filtros actuales, dar un nombre a la vista y seleccionar un icono. * Acceder al menú **⋯** de cualquier vista guardada para: * **Editar**: cambiar el nombre o el icono de la vista. * **Actualizar filtros**: sobrescribir la vista guardada con los filtros activos actualmente. * **Establecer como predeterminada** / **Quitar predeterminada**: elegir qué vista se carga automáticamente al abrir la página. * **Exportar vista**: descargar un CSV de las consultas asociadas a esta vista. * **Eliminar vista**: eliminar permanentemente la vista guardada (requiere confirmación). ## Datos que se muestran Los datos visualizados proceden de tu contenido en seguimiento en los modelos de IA compatibles (como ChatGPT, Claude, Gemini, Perplexity, Grok, Copilot, Meta AI y DeepSeek) durante el intervalo seleccionado. Se obtienen de tus competidores configurados y de los dominios web que los modelos de IA muestran en sus citas. ## Flujos de trabajo habituales **Investigar la presencia de un competidor en IA:** 1. Abre el menú **Filtrar** y añade el filtro **Competidores**. 2. Selecciona un competidor concreto para acotar el gráfico. 3. Mira el lado izquierdo del gráfico para encontrar las conexiones más gruesas hacia ese competidor. 4. Haz clic en la conexión más gruesa para ir a Fuentes y leer las respuestas exactas que citan esos dominios. **Centrarte en fuentes del sector de alto valor:** 1. Localiza un nodo de dominio de origen destacado a la izquierda del diagrama. 2. Haz clic en el nodo para filtrar todo el gráfico y mostrar solo ese dominio. 3. Comprueba al instante si ese dominio genera menciones para tu marca, tus competidores o ambos. 4. Haz clic en **Restablecer vista** al terminar. **Guardar una vista localizada para un mercado concreto:** 1. Añade el filtro **Países** o **Ubicaciones** para aislar una región concreta. 2. Haz clic en el desplegable **Vistas** y selecciona **Guardar como vista**. 3. Ponle un nombre (por ejemplo, «Fuentes del Reino Unido»), elige un icono y haz clic en **Guardar**. ## Estados vacíos, de carga y de error * **Carga**: mientras se obtienen los datos, aparece un indicador giratorio animado en el centro del gráfico. * **Vacío / Sin datos**: si no hay datos que coincidan con tus filtros o aún no sigues competidores, el área del gráfico muestra una versión de muestra atenuada y difuminada del diagrama. No aparece un texto explícito de «Sin datos»; la visualización simplemente tiene un aspecto esmerilado y no permite interactuar. * **Error**: si se produce un error de red o del sistema al obtener los datos de visualización, la página muestra por defecto el mismo marcador difuminado del estado vacío. ## Enlaces de entrada y salida * **Enlaces de entrada**: normalmente se accede mediante un enlace «Visualizar» o un icono de gráfico en la página principal Fuentes, o desde un enlace directo compartido a una vista guardada concreta. * **Enlaces de salida**: al pulsar cualquier línea de conexión del gráfico, accedes a la página **Fuentes** para ver los datos originales de las respuestas. ## Preguntas habituales de soporte **¿Por qué el gráfico está borroso y no puedo pulsarlo?** Esto ocurre cuando no hay datos que coincidan con tus filtros actuales o tu cuenta aún no ha recopilado suficientes datos de citas. Prueba a ajustar el intervalo de fechas o a quitar filtros para comprobar si aparecen datos. **¿Qué hace el interruptor «Ampliar»?** Activa un efecto visual de «ojo de pez». Al estar activado, los nodos y las líneas se expanden ligeramente y se separan al pasar el ratón, para facilitar la selección de líneas finas en un gráfico denso. **¿Cómo veo el texto real de lo que ha dicho la IA?** Haz clic directamente en la línea de color que conecta una fuente con una marca. Accederás a la página estándar Fuentes, con filtros preaplicados para mostrar las respuestas exactas que componen esa conexión. **¿Puedo exportar este diagrama como imagen?** Actualmente no hay un botón directo de «Exportar como imagen». Puedes hacer una captura de pantalla o exportar los datos originales de consultas como CSV desde el desplegable **Vistas**, pulsando el menú **⋯** junto a tu vista actual y seleccionando **Exportar vista**. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.