Gráfico de balas (Bullet Graph)
Realice un seguimiento del desempeño de los KPIs frente a los objetivos y rangos cualitativos sin saturar el tablero.
Acerca de Gráfico de balas (Bullet Graph)
El gráfico de balas es una variante de un gráfico de barras desarrollado por Stephen Few. Está diseñado para reemplazar los medidores y diales en los tableros, proporcionando una visualización de datos más rica en menos espacio.
Cómo usar
- Pegue sus métricas: copie una lista de KPIs con el valor actual, el objetivo y los rangos cualitativos (por ejemplo, Malo, Bueno, Excelente).
- Establezca la escala: el gráfico normaliza automáticamente los rangos de fondo para la comparación visual.
- Identifique brechas: el marcador de objetivo y la barra real proporcionan retroalimentación instantánea sobre el estado del desempeño.
- Producción por lotes: cree múltiples gráficos de balas a la vez proporcionando varias filas de datos.
- Exportar: descargue como PNG de alta resolución o SVG para tableros ejecutivos.
Casos de uso comunes
- Desempeño de ventas: siga los ingresos reales frente a la cuota dentro de las bandas de desempeño regional.
- Acuerdos de Nivel de Servicio (SLA): monitoree si los tiempos de respuesta están cumpliendo con los objetivos contractuales.
- Eficiencia operativa: visualice el tiempo de actividad de la máquina o el rendimiento de la producción frente a los puntos de referencia.
- Presupuesto financiero: realice un seguimiento de si el gasto de los departamentos está por encima o por debajo de los límites mensuales/anuales.
Detalles técnicos
Desarrollado por Apache ECharts. Utiliza series de barras y dispersión en capas para lograr un diseño de alta densidad al estilo 'Few'.
Preguntas frecuentes
- ¿Por qué usar un gráfico de balas en lugar de un medidor?
- Los gráficos de balas son más eficientes en espacio, más fáciles de leer con precisión y permiten mejores comparaciones entre múltiples métricas.
- ¿Para qué datos es más adecuado un gráfico de bala?
- Los gráficos de bala son ideales para indicadores de rendimiento comparativos, como ingresos reales frente a objetivo, puntuaciones NPS frente a referencia o progreso del proyecto frente al plan. Funcionan bien cuando tienes un valor de medida principal, un valor objetivo y rangos de rendimiento cualitativos.
- ¿Cómo exporto mi gráfico de bala a PowerPoint?
- Haz clic en «Descargar PPTX». El gráfico de bala se exporta como imagen de alta resolución incrustada en una diapositiva de PowerPoint. Para dashboards ejecutivos y scorecards, esto te permite mostrar múltiples KPIs en un formato compacto y profesional, mucho más eficiente en espacio que los gráficos de velocímetro.
- ¿Cómo debo formatear los datos para un gráfico de bala?
- Prepara columnas para: nombre del KPI (etiqueta), valor real, valor objetivo y, opcionalmente, límites de bandas de rango (ej., umbrales Bajo, Medio, Alto). Cada fila representa un KPI. Pega desde Excel con encabezados en la primera fila. Si no se proporcionan umbrales de banda, la herramienta los estima proporcionalmente a partir de los valores real y objetivo.
- ¿Se procesan mis datos de forma segura?
- Sí. Todo el renderizado del gráfico de bala ocurre en el lado del cliente en tu navegador. Tus datos reales de KPI, objetivos y bandas de desempeño nunca se suben a ningún servidor, haciendo esta herramienta segura para dashboards operativos y financieros confidenciales.
- ¿Cuántos objetivos o bandas de comparación puedo añadir a un gráfico de bala?
- Cada serie de gráfico de bala admite un valor real, una línea de marcador de objetivo y hasta tres bandas de rango cualitativo (por ejemplo, deficiente, aceptable, bueno). Puedes crear varias filas de gráficos de bala en un solo gráfico para comparar varios KPIs a la vez. Todos los datos se procesan en tu navegador y nunca se suben a ningún servidor.
Datos del gráfico en PNG — Reanudar edición
¿Qué son los datos de gráfico incrustados?
Los PNG y enlaces compartidos pueden incluir datos y ajustes originales. Cualquiera con el archivo o enlace completo puede recuperarlos.
Cómo usarlo
- Exporte su gráfico a PNG
- Guarde el archivo PNG
- Coloque o pegue el PNG en la herramienta "Reanudar Gráfico desde PNG" en cualquier momento que necesite editarlo nuevamente
- Su gráfico se restaura exactamente como lo dejó — realice cambios y exporte de nuevo
Por qué es mejor que imágenes estáticas
Otras herramientas de gráficos exportan imágenes PNG que son finales — una vez exportadas, no puede editarlas sin rehacer el trabajo desde cero.
- No necesita guardar la hoja de cálculo de origen por separado — el PNG ES su copia de seguridad
- Comparta un PNG con un colega y pueden restaurarlo y editarlo sin los datos originales
- Años después, si necesita actualizar un gráfico, abra el PNG y reanude — sin buscar archivos antiguos
- Para archivo: guarde PNGs junto a sus informes y presentaciones; son completamente autónomos
¿Es seguro?
Los PNG y enlaces compartidos pueden incluir datos y ajustes originales. Cualquiera con el archivo o enlace completo puede recuperarlos.
URL de Inserción — Gráficos interactivos para presentaciones
¿Qué es una URL de Inserción?
Una URL de Inserción abre una versión limpia e interactiva de su gráfico en un navegador, mostrando solo el gráfico sin la interfaz de la herramienta, paneles de configuración o botones de exportación. Los subtítulos y las interacciones al pasar el cursor funcionan completamente. Los datos del gráfico están cifrados en la URL, al igual que en el Enlace de Recuperación.
Dónde encontrarlo
- Haga clic en el botón "🔗 Embed URL" en la página de la herramienta de gráficos; copiará instantáneamente la URL en su portapapeles
- La URL de Inserción también se guarda debajo de los límites de la diapositiva en su archivo PPTX exportado, marcada como "Embed URL — interactive view"
Uso de URLs de Inserción en otras herramientas
Las URLs de Inserción funcionan en cualquier lugar que admita iframes o inserciones de URL:
- Notion — Pegue la URL como un bloque de inserción (escriba /embed en Notion)
- Confluence — Utilice la macro HTML o la macro iframe con la URL de Inserción
- SharePoint — Inserte a través del elemento web "Insertar"
Cualquier sitio web o página de intranet — Utilice un iframe HTML estándar:
<iframe
src="YOUR_EMBED_URL"
width="800"
height="500"
frameborder="0"
allowfullscreen>
</iframe>Nota para despliegues privados: Si su organización utiliza una versión de Lokaltools alojada privadamente en su intranet, la URL de Inserción apuntará a su dominio interno. Estos solo funcionarán para los espectadores dentro de la red corporativa o VPN, tal como lo requiere su equipo de seguridad de IT.
Colores del Gráfico — Genere paletas de marca en segundos
La mayoría de las herramientas de gráficos le dan una paleta fija que no puede cambiar, o requieren que elija manualmente cada color uno por uno. Lokaltools utiliza un sistema de color de tres pasos que comienza con el color de su marca y construye automáticamente una paleta completa y armoniosa.
Paso 1 — Ancla de Marca
Ingrese el código hexadecimal del color principal de su marca (por ejemplo, #0066CC) en el campo "Brand Anchor". Este suele ser su color de logo principal, el color de su botón principal o el color dominante de sus guías de marca. El color Ancla de Marca se utiliza como punto de partida para toda la generación de la paleta. Cada color del gráfico se remonta a esta única entrada, asegurando que sus gráficos siempre tengan un estilo de marca sin selección manual de colores.
Paso 2 — Armonía de Color
El menú desplegable "Harmony" selecciona la regla de teoría del color utilizada para generar los colores restantes del gráfico a partir de su Ancla de Marca. Cada armonía crea una relación de color diferente.
| Armonía | Qué crea | Cuándo usar |
|---|---|---|
| Analógico | Colores uno al lado del otro en la rueda — sutiles y discretos | Datos de un solo tema donde los colores deben sentirse similares |
| Complementario | Dos colores directamente opuestos en la rueda — alto contraste | Comparación de dos series, positivo vs. negativo |
| Triádico (Equilibrado) | Tres colores espaciados uniformemente — vibrante pero equilibrado | La mayoría de los gráficos de negocios con 3-6 series de datos |
| Complementario dividido | Un ancla + dos colores que flanquean su complemento | Buen contraste pero menos agresivo que el complementario puro |
| Tetrádico | Cuatro colores que forman un rectángulo en la rueda — rico y variado | Gráficos con más de 4 series que necesitan máxima distinción |
El ajuste "Triádico (Equilibrado)" es el predeterminado y funciona mejor para la mayoría de las presentaciones de negocios. Cambie a "Analógico" para un aspecto más sutil y conservador, o use "Complementario" cuando desee que dos series de datos contrasten fuertemente (por ejemplo, Presupuesto vs. Real).
Paso 3 — Muestras Generadas (Anulación Manual)
Debajo del selector de armonía, la herramienta muestra 5 a 6 muestras de color generadas; estos son los colores reales que aparecerán en su gráfico. Si algún color individual no se siente bien, haga clic en esa muestra para abrir el selector de color y reemplazarlo con cualquier color de su elección. Sus anulaciones manuales se conservan en el Enlace de Recuperación.
Modo de Fondo (Alternancia Claro / Oscuro): Cambie el brillo de su paleta para que coincida con el fondo de su diapositiva. Esto ajusta automáticamente los colores generados para asegurar que permanezcan legibles y claros.
Consejos para usar Colores de Marca
- Encontrar su código hexadecimal exacto: Consulte el PDF de las guías de marca de su empresa, o haga clic derecho en el logo de su empresa en su sitio web $ ightarrow$ Inspeccionar $ ightarrow$ busque el valor de color CSS.
- Cuándo usar Analógico vs. Triádico: Use Analógico cuando su gráfico tenga un mensaje dominante y desee que los colores se sientan unificados. Use Triádico cuando cada serie represente cosas realmente distintas (por ejemplo, Ingresos, Costo, Ganancia).
- Hacer coincidir los colores exportados con su plantilla de PowerPoint: La exportación "PPTX Exacto" conserva los colores perfectos a nivel de píxel; lo que ve en el navegador es exactamente lo que aparece en su diapositiva de PowerPoint.
Preguntas frecuentes
- ¿Funciona esta herramienta sin conexión?
- Sí — una vez que la página se carga, la herramienta funciona completamente sin conexión a Internet. La única excepción es la vista interactiva de la URL de Inserción, que requiere acceso a la página de la herramienta de gráficos para mostrar el contenido insertado.
- ¿Puedo usar esto para datos confidenciales o sensibles?
- Sí. Sus datos se procesan íntegramente en su navegador utilizando WebAssembly. Nunca se envían a los servidores de Lokaltools ni a terceros. Esto hace que la herramienta sea adecuada para datos financieros, datos de pacientes, documentos legales y cualquier otra información sensible.
- ¿Qué formato de datos puedo pegar?
- Simplemente copie celdas de Excel, Google Sheets o Apple Numbers y péguelas; la herramienta detecta el formato automáticamente. También se admite la carga de archivos CSV. Los datos copiados de páginas web o PDFs pueden no despegarse correctamente; límpielos primero en Excel.
- ¿Cómo encuentro el color hexadecimal de la marca de mi empresa?
- Consulte el documento de las guías de marca de su empresa, o abra el sitio web de su empresa, haga clic derecho en el logo o en un botón de marca, elija "Inspeccionar (Inspect)" y busque un valor de color CSS que comience con #.
- ¿Puedo guardar el color de mi marca para no tener que escribirlo la próxima vez?
- El color Ancla de Marca se guarda en el Enlace de Recuperación junto con todos los demás ajustes de su gráfico. Exporte su gráfico y use el Enlace de Recuperación la próxima vez para restaurar automáticamente sus colores de marca.
- ¿Son permanentes los datos de gráfico incrustados?
- Sí. Los datos incrustados se almacenan en el archivo PNG mismo — no en ningún servidor — por lo que no hay fecha de caducidad. Siempre que tenga el archivo PNG, puede restaurar y editar su gráfico.
- ¿Puedo compartir el PNG con un colega?
- Sí — cualquier persona con el archivo PNG puede restaurar y editar el gráfico usando la herramienta "Reanudar Gráfico desde PNG". Trate el PNG como un documento compartido: comparta solo con personas que deben tener acceso a los datos subyacentes.
- ¿Cuál es la diferencia entre los datos PNG incrustados y la URL de Inserción?
- Los datos PNG incrustados contienen el estado completo de su gráfico cifrado en el archivo PNG — puede colocarlo en la herramienta "Reanudar Gráfico desde PNG" para editar y volver a exportar. Una URL de Inserción abre una vista interactiva de solo lectura de su gráfico sin capacidades de edición.
Privacidad y Seguridad
Esta herramienta se ejecuta completamente en su navegador. Sus datos siguen este camino: Su Hoja de Cálculo $ ightarrow$ Su Navegador $ ightarrow$ Sus Archivos Exportados. No hay otro camino. No hay paso de carga. No hay procesamiento en el servidor. No hay análisis del contenido de sus datos.
Los PNG de gráficos pueden incluir los datos originales y la configuración como metadatos recuperables. Los enlaces de recuperación e inserción contienen los datos y la clave para abrirlos en el fragmento de la URL. Cualquiera con el archivo o el enlace completo puede recuperarlos. Comparte solo con los destinatarios previstos. Normalmente el fragmento no se envía en solicitudes HTTP, pero JavaScript y los servicios con los que compartes el enlace pueden leerlo.
Para las organizaciones que requieren confirmación formal: Lokaltools no puede leer sus datos, no almacena sus datos y no tiene mecanismos técnicos para acceder a sus datos, incluso bajo mandato legal. Esto no es una política, es un hecho arquitectónico.
Detalles Técnicos
Desarrollado por Apache ECharts para el renderizado de lienzo de alto rendimiento, PapaParse para el análisis inteligente de datos delimitados por comas y tabulaciones, y PptxGenJS para generar objetos de gráficos nativos OOXML. El cifrado del Enlace de Recuperación utiliza la API Web Crypto integrada en el navegador (AES-256-GCM) con compresión pako; no se requieren bibliotecas de cifrado externas. Todo el procesamiento se realiza al 100% en el lado del cliente. Ningún dato se transmite en ningún momento.
Procesamiento local
Nuestras herramientas locales de archivos, texto y gráficos procesan el contenido en tu dispositivo mediante JavaScript, APIs del navegador y, cuando hace falta, WebAssembly. Nuestros eventos no incluyen nombres o contenido de archivos, texto introducido, valores de gráficos, errores sin filtrar, correos ni referencias de licencia. Las herramientas de red (DNS, WHOIS, IP y pruebas de velocidad) contactan servicios externos para su función. Cargar el sitio, fuentes, bibliotecas y modelos también genera solicitudes de red. WebAssembly no impide por sí mismo el acceso a la red.