Un gráfico de estadísticas es una excelente manera de mostrar un punto de datos simple como un porcentaje o un valor numérico al combinar ese número y una representación visual como una serie de íconos o gráficos simples como una rosquilla, una media rosquilla o una barra de progreso.
¡Venngage hace que sea fácil agregar gráficos de estadísticas accesibles a tu diseño!
Agregar un gráfico de estadísticas al lienzo de diseño
Cree una plantilla accesible en el Editor actualizado.
Seleccione o haga clic en Gráficos en la barra lateral izquierda. Bajo el encabezado " Estadísticas ", elija un tipo de gráfico: dona , media dona , barra de progreso o estadística de iconos . Haga clic en el gráfico para agregarlo al lienzo.
Personalizar la apariencia del gráfico
Los gráficos de estadísticas de íconos se pueden personalizar para adaptarse a su marca o tema de diseño, con herramientas de color, fuente, espaciado e íconos.
Utilice la herramienta de selección para cambiar el tamaño y la posición del gráfico de estadísticas en su lienzo, con los controles del cuadro delimitador.
Valor
Cambie el valor del gráfico de estadísticas y cómo se muestran el gráfico o los iconos. Seleccione el valor numérico (el porcentaje) en el gráfico de estadísticas. Escriba el porcentaje deseado en el campo " Valor " en la barra de herramientas superior.
Articulos totales
Cambie la cantidad de íconos que aparecen en un gráfico de estadísticas de íconos para representar el valor. Por ejemplo, puede mostrar el valor "75%" con 4 íconos en total o 50, cambiando la escala del gráfico.
Espaciado, redondeo de esquinas, altura de barra, orificio de dona
Diferentes gráficos tienen diferentes opciones de personalización.
Cambie la disposición de las filas y columnas en un gráfico de estadísticas de iconos simplemente cambiando su tamaño. La cantidad de íconos que aparecen en una fila o columna dependerá del tamaño del gráfico, así como del tamaño de los íconos, sin cambiar su Valor o Total de Elementos .
Seleccione un gráfico de barras de progreso y use el control deslizante para calibrar el espaciado vertical entre la barra y el texto numérico.
Cambie el redondeo de las esquinas a recta o redondeada usando el control deslizante en los gráficos de anillos, medios anillos y barras de progreso.
El tamaño del orificio de dona determina el ancho del gráfico de dona o media dona tal como aparece en el gráfico de estadísticas. Use el control deslizante para aumentar o disminuir el ancho.
Utilice la herramienta "Altura de barra" para aumentar o disminuir el ancho de la barra en los gráficos de barras en progreso de la misma manera.
Cambiar tipo de gráfico
Cambie fácilmente el tipo de gráfico desde la barra de herramientas superior.
Seleccione el gráfico. Haga clic o seleccione el menú Tipo de gráfico en la barra de herramientas superior; seleccione un tipo de gráfico diferente en el menú desplegable. El tipo de gráfico se actualizará en el lienzo de diseño.
Edite el color, el texto o el icono del gráfico
Color
Cambie el color de los íconos o el texto que aparece en el gráfico de estadísticas haciendo clic (o Tabulador-Barra espaciadora para seleccionar) esa parte del gráfico.
Los colores de relleno son los colores del gráfico o los iconos del gráfico. El color de relleno 1 siempre representa el porcentaje de valor del gráfico .
Haga clic en Color de relleno o Color de fuente para abrir el widget Herramienta de color. Seleccione entre los colores del kit de marca o del proyecto haciendo clic en los círculos de muestra de color debajo, o use el selector de color en la parte inferior del widget para seleccionar un color personalizado.
La parte inferior del widget indicará si sus opciones de color cumplen con los estándares de contraste .
Fuente
Haga clic en el porcentaje de Valor del gráfico (o use Tabulador-Barra espaciadora para seleccionar) tal como aparece, según el tipo de gráfico.
Use la barra de herramientas superior para personalizar la apariencia del texto:
- Haga clic o seleccione Color de fuente para abrir el widget de herramienta de color y cambiar el color del texto, independientemente del resto del gráfico.
- Haga clic o seleccione Familia de fuentes para abrir el menú desplegable y seleccione una fuente diferente
- Use los botones + y - o escriba el tamaño de la fuente en el campo Tamaño del texto para cambiarlo ( NOTA : En este momento, el tamaño del texto solo se puede personalizar en los gráficos de estadísticas de progreso e íconos ; el tamaño del texto en los gráficos de dona y media dona cambiará proporcionalmente cuando cambia el tamaño del gráfico utilizando el cuadro delimitador).
- Dale estilo a la fuente con Negrita , Cursiva y Subrayado
Iconos
Cambie el ícono en un gráfico de estadísticas de íconos intercambiándolo con cualquier ícono de un solo color en nuestra galería.
Haga doble clic en los íconos en el Gráfico de estadísticas de íconos en el lienzo de diseño, o seleccione el Gráfico de estadísticas de íconos y haga clic en " Reemplazar " en la barra de herramientas superior para abrir el panel Reemplazo de íconos desde la barra lateral izquierda.
Haga clic en un paquete de íconos para buscar miniaturas de íconos o ingrese un término de búsqueda específico en la barra de búsqueda superior. Seleccione un icono de la galería y cambiará en el gráfico del lienzo.
Agregue texto alternativo a su gráfico
Describa los gráficos de estadísticas que aparecen en su lienzo de diseño para usuarios con discapacidades visuales o lectores con otras necesidades de accesibilidad .
Seleccione el gráfico . Haga clic en " Texto alternativo " en la barra de herramientas superior; añada su texto descriptivo. Una descripción simple, para que el usuario sepa cómo aparece el gráfico y la estadística que representa, es perfecta. Aquí hay unos ejemplos:
- Un gráfico de íconos de estadísticas, con el valor '63%' y una cuadrícula de 9 filas y 6 columnas de íconos que representan gorras de diploma. Comenzando en la parte superior izquierda y continuando de izquierda a derecha y hacia abajo, el 63 % de los íconos son verdes. El 37% restante de los íconos, que continúan desde la mitad hasta la cuarta última fila, son rojos.
- Un gráfico de estadísticas de media dona con el valor 55%. La primera parte de la media dona es de color púrpura oscuro, representando el 55%; el resto de la rosquilla es de color púrpura claro.
- Un gráfico de barras de progreso estadístico con el valor 90%, donde el porcentaje está escrito en letras grandes de color marrón oscuro. Debajo, el gráfico de barras es principalmente rojo; el extremo izquierdo de la barra es de color rosa pálido.