> ## Documentation Index > Fetch the complete documentation index at: https://docs.tangerinelearning.com/llms.txt > Use this file to discover all available pages before exploring further. # Gráfico, proceso y línea de tiempo > Bloques interactivos para explorar una imagen con marcadores, recorrer un procedimiento paso a paso y ordenar hechos en el tiempo ## Descripción Estos tres bloques presentan contenido que se recorre en un orden o sobre un soporte visual. Son los bloques más elaborados de Mint y conviene reservarlos para los momentos clave de la lección. | Bloque | Para qué sirve | | - | - | | **Gráfico etiquetado** | Explorar las partes de una imagen: anatomía, mapas, máquinas, obras de arte | | **Proceso** | Explicar un procedimiento o razonamiento paso a paso | | **Línea de tiempo** | Ordenar hechos o etapas en el tiempo | *** ## Gráfico etiquetado Una imagen con **marcadores** (+) repartidos sobre ella. Al pulsar un marcador se abre una ficha con su título, descripción y, opcionalmente, un medio. Desde la ficha se pasa al marcador anterior o siguiente. > [tab] Vista del alumno > > ![Gráfico etiquetado con dos marcadores sobre una fotografía](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/grafico-etiquetado.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=86c36509021245ba65c221e75e3db2f5) > [tab] Marcador abierto > > ![Ficha del marcador Camiseta abierta sobre la imagen, con flechas para pasar al siguiente](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/grafico-etiquetado-marcador.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=2e28f4f2b3fd811d71d560d3f67cc9d8) ### Editor del gráfico El gráfico etiquetado se edita en un **editor a pantalla completa** propio, que se abre con **Editar**: ![Editor a pantalla completa del gráfico etiquetado con la lista de marcadores a la izquierda y la imagen con los marcadores a la derecha](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/panel-grafico-editor.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=81ef2c09f9eb36082d8f8c3517dce6c3) * **Crear un marcador**: clic sobre el punto de la imagen donde debe ir. * **Mover un marcador**: arrastrándolo sobre la imagen. * **Editar un marcador**: en la columna **Marcadores**, cada uno se despliega con su **título**, **descripción**, **medio** (imagen, vídeo, audio o embebido) y **estilo de marca** (26 iconos). * **Reordenar o borrar**: arrastrando en la lista o con la papelera. * **Imagen de fondo**: se cambia desde el propio editor, con su texto alternativo. Las opciones de presentación (márgenes, anchura de la imagen, contenido emergente) están en la opción **Opciones** del menú del bloque. *** ## Proceso Una secuencia de diapositivas: **introducción**, **pasos** y **resumen**. El alumno empieza con **COMENZAR**, avanza con las flechas o los puntos de navegación y, al final, puede **EMPEZAR DE NUEVO**. > [tab] Introducción > > ![Diapositiva de introducción del proceso Cómo leer un número grande con el botón Comenzar](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/proceso.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=eb9bc1910a37c520335aeb729517f57d) > [tab] Paso > > ![Primer paso del proceso con la etiqueta Paso 1, título, imagen y texto, y puntos de navegación](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/proceso-paso.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=10455db11666ee124e62fd2e3e08fa54) ![Panel del proceso con la introducción desplegada: título, descripción y medio](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/panel-proceso.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=ea8e0bc92a1ea944ae9ac2e9fdeeaa53) | Elemento | Descripción | | - | - | | **Intro** | Diapositiva inicial. Siempre presente; no se mueve ni se borra | | **Paso** | Cada paso tiene título, descripción y un medio opcional (imagen, vídeo, audio o embebido). Se añaden con **Añadir paso**, se reordenan y se borran | | **Sumario** | Diapositiva final. Siempre presente | | Etiqueta de paso (pestaña **Opciones**) | Texto de la etiqueta de cada paso (por defecto, *Paso 1*, *Paso 2*…). `[NUMBER]` indica dónde va el número, por ejemplo `Fase [NUMBER]` | > [!NOTE] > > En el panel, los títulos de los pasos se numeran contando también la introducción, de modo que el primer paso aparece como *Título 2*. Es solo la etiqueta del panel: en la vista del alumno la numeración es correcta. *** ## Línea de tiempo Eventos ordenados verticalmente, alternando a izquierda y derecha, entre un **título de inicio** y un **título de fin**. Cada evento es una tarjeta con título, descripción e imagen, que el alumno puede plegar y desplegar. En pantallas estrechas, la línea pasa a una sola columna. ![Línea de tiempo de la historia de los números, desde la Prehistoria hasta la Actualidad, con eventos alternos](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/linea-tiempo.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=a019dfad60ccd3879fd277bdba7f9189) | Elemento | Descripción | | - | - | | **Título de inicio** y **Título de fin** | Etiquetas de los extremos de la línea | | **Paso** | Cada evento: título, descripción y medio opcional. Se añaden con **Añadir paso**, se reordenan y se borran | *** ## Situaciones especiales > [accordion] ¿Cuántos marcadores o pasos puedo añadir? > > No hay un límite fijo. Por legibilidad, conviene no pasar de 8–10 marcadores en un gráfico ni de 6–8 pasos en un proceso. > [accordion] ¿Se pueden usar con teclado? > > El proceso se recorre con sus botones. Los marcadores del gráfico etiquetado y las tarjetas de la línea de tiempo todavía no tienen navegación completa con teclado. Ver [Audios y accesibilidad](https://docs.tangerinelearning.com/herramientas-autor/mint/audios-accesibilidad.md). > [accordion] ¿Se pueden convertir en otro tipo de bloque? > > No. Ninguno de los tres tiene tipos compatibles para **Sustituir por bloque compatible**. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.