Support Centre

Agregue un gráfico de estadísticas (estadísticas) a su diseño accesible

Krystine
Krystine
  • Actualización

Un gráfico estadístico es una forma simple pero efectiva de presentar un único dato, como un porcentaje o un valor numérico, acompañado de un indicador visual como íconos, un donut, medio donut, barra de progreso, etc. Con Venngage, puedes agregar gráficos estadísticos que sean tanto visualmente atractivos como accesibles.

 

Agregar un gráfico estadístico a tu lienzo

  1. Crea una plantilla accesible en el Editor actualizado.

  2. En la barra de herramientas izquierda, selecciona Gráficos (Charts).

  3. Desplázate hasta la sección Stat.

  4. Elige entre:

    • Donut Stat

    • Donut

    • Half-donut Stat

    • Medio Donut

    • Progress Bar Stat

    • Barra de Progreso

    • Icon Stat

    • Ícono

  5. Haz clic en un tipo de gráfico para agregarlo a tu lienzo.

  6. Redimensiónalo o reposiciónalo usando los controles del cuadro delimitador.

 

Editar valores del gráfico

  • Valor (Value): Selecciona el valor del gráfico y escribe tu porcentaje o número en el campo Value.

  • Total de elementos (Total Items – Icon & Icon Stat): Ajusta el número de íconos para escalar tu porcentaje. Por ejemplo, 63% puede mostrarse con 50 íconos o solo 4 íconos, según las necesidades de tu diseño.

 

Personalizar el gráfico

  • Colores

    • Usa tu Brand Kit, Colores del proyecto (Project Colors) o colores personalizados.
    • Fill Color 1 siempre representa la porción del valor.

    • La parte inferior del widget indicará si tus elecciones de color cumplen con los estándares de contraste.

 

  • Fuentes

    • Color de fuente (Font Color): Cambia el color del texto por separado del resto del gráfico.

    • Familia de fuentes (Font Family): Selecciona un estilo de fuente diferente desde el menú desplegable.

    • Tamaño de fuente (Font Size): Usa los botones + y –, o escribe un número en el campo de tamaño de texto.

      👉 Para gráficos Donut y Half-donut, el tamaño de fuente se ajusta automáticamente al redimensionar el gráfico.

  • Estilo de fuente (Font Style): Aplica Negrita, Cursiva o Subrayado para resaltar el texto.

 

  • Íconos (solo Icon Stat Charts)

    • Haz doble clic en un ícono o haz clic en Replace.

    • Busca o navega por íconos monocromáticos para reemplazar (por ejemplo, diplomas, marcas de verificación, estrellas).

 

Opciones de estilo del gráfico

Espaciado (Spacing)

  • Disponible para: Icon & Icon Stat

  • Ajusta los espacios entre íconos redimensionando o usando los controles de espaciado.

  • Espaciado vertical (Vertical Spacing): controla la distancia entre la barra y el texto del número. Solo disponible para Progress Bar Stat.

 

Esquinas redondeadas (Corner Rounding)

  • Disponible para: Donut, Half-Donut, Progress Bar & Progress Bar Stat

  • Alterna entre bordes rectos o redondeados para un aspecto más definido o suave.

 

Altura de barra (Bar Height)

  • Disponible para: Progress Bar & Progress Bar Stat

  • Usa el deslizador para aumentar o disminuir el grosor de la barra de progreso.

 

Agujero del donut (Donut Hole)

  • Disponible para: Donut, Half-Donut, Donut Stat & Half-Donut Stat

  • Cambia el ancho del anillo ajustando el tamaño del agujero del donut.

 

Agregar texto alternativo (Alt Text) a tu gráfico

Describe los gráficos estadísticos que aparecen en tu lienzo para usuarios con discapacidad visual u otras necesidades de accesibilidad:

  1. Selecciona el gráfico.

  2. En la barra superior, haz clic en Alt Text.

  3. Agrega una breve descripción de lo que muestra el gráfico, incluyendo tanto la estadística como la disposición visual.

Ejemplos:

  • “Un gráfico estadístico de íconos mostrando 63%. El 63% de los íconos son birretes verdes, el 37% restante son rojos.”

  • “Un gráfico de medio donut con valor 55%. La primera mitad del donut es morado oscuro (55%), el resto es morado claro.”

  • “Un gráfico de barra de progreso al 90%. La barra es mayormente roja, con rosa pálido en el extremo izquierdo.”

 

Cambiar el tipo de gráfico estadístico

  1. Selecciona tu gráfico estadístico en el lienzo.

  2. En la barra superior, ve al menú desplegable Chart Type (junto al campo Value).

  3. Haz clic y elige el tipo de gráfico que prefieras (por ejemplo, Donut Stat Chart, Progress Bar, Icon Stat).

Esto te permite cambiar rápidamente cómo se muestra tu información sin empezar desde cero.

 

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 1 de 1

¿Tiene más preguntas? Enviar una solicitud