Las visualizaciones son un componente clave de los cuadernos de datos eficaces, ya que ayudan a transformar los resultados brutos de la consulta en gráficos claros y convincentes que respaldan la narrativa de los datos. Los cuadernos admiten las mismas opciones de visualización disponibles en el generador de consultas de New Relic.
Tipos de gráficos disponibles
Elige la visualización adecuada para tus datos y tu historia:
Gráficos de líneas
Perfecto para mostrar tendencias a lo largo del tiempo y comparar múltiples métricas.
Ideal para: datos de seriales temporales, tendencias de rendimiento, comparación métrica a lo largo del tiempo.
Ejemplo de consulta:
SELECT average(duration) AS 'Response Time'FROM TransactionWHERE appName = 'MyApp'TIMESERIES 5 minutesSINCE 6 hours agoGráficos de área
Muestre los cambios de volumen y composición a lo largo del tiempo con áreas rellenas bajo la línea.
Ideal para: Datos acumulativos, que muestran el volumen total con desgloses y el uso de recursos a lo largo del tiempo.
Ejemplo de consulta:
SELECT count(*) FROM TransactionWHERE appName = 'MyApp'FACET hostTIMESERIES 10 minutesSINCE 2 hours agográfico de barras
Compara valores entre diferentes categorías o dimensiones.
Ideal para: Comparar valores entre categorías, listas de los N mejores, análisis de errores.
Ejemplo de consulta:
SELECT count(*) AS 'Request Count'FROM TransactionWHERE appName = 'MyApp'FACET nameSINCE 1 hour agoORDER BY count(*) DESCLIMIT 10Gráficos circulares
Muestra datos proporcionales y desgloses porcentuales.
Ideal para: Mostrar partes de un todo, distribuciones porcentuales, desgloses de categorías simples.
Ejemplo de consulta:
SELECT count(*) FROM TransactionWHERE appName = 'MyApp'FACET httpResponseCodeSINCE 1 hour agoMesas
Presente los datos detallados en filas y columnas para obtener valores precisos.
Ideal para: Datos detallados, valores exactos, listas con múltiples atributos, depuración
Ejemplo de consulta:
SELECT timestamp, name, duration, httpResponseCodeFROM TransactionWHERE appName = 'MyApp' AND duration > 5SINCE 1 hour agoORDER BY duration DESCLIMIT 20Vallas publicitarias
Resaltar de forma destacada una única métrica importante.
Ideal para: indicadores de rendimiento clave, estadísticas resumidas, valores únicos importantes
Ejemplo de consulta:
SELECT average(duration) AS 'Avg Response Time (ms)'FROM TransactionWHERE appName = 'MyApp'SINCE 1 hour agoPersonaliza tus visualizaciones
Configuración del gráfico
Acceda a las opciones de personalización del gráfico haciendo clic en el icono de Chart settings en el bloque de consulta:
- Colores: Elija colores personalizados para su serial de datos
- Ejes: Personalice las etiquetas, los rangos y el formato de los ejes.
- Leyenda: Mostrar/ocultar leyenda, ajustar la posición
- umbral: agregue líneas horizontales para objetivo o alertas
- Unidades: Formato de números, porcentajes y valores de tiempo
esquemas de color
Elige colores que apoyen tu narrativa:
- Paleta predeterminada: Colores estándar de New Relic para mayor coherencia.
- Colores personalizados: Combina con la imagen corporativa de tu organización.
- Colores accesibles: Alto contraste para una mejor legibilidad
- Colores de estado: Verde para correcto, rojo para errores, amarillo para advertencias.
Opciones de formato
Formatee sus datos para mayor claridad:
- Números: Agregar separadores de miles y decimales
- Porcentajes: Mostrar como porcentajes en lugar de decimales.
- Valores de tiempo: Mostrar en horas, minutos o segundos
- Bytes: Mostrar en KB, MB, GB según corresponda
Visualización mejores prácticas
Elige el tipo de gráfico adecuado.
Sugerencia
El tipo de gráfico debe complementar tu historia, no distraer la atención de ella. En caso de duda, lo más sencillo suele ser lo mejor.
- Datos de seriales temporales: emplee gráficos de líneas o de áreas.
- Comparaciones: Emplee gráfico de barras
- Proporciones: Emplee gráficos circulares (pero limite a 5-7 categorías).
- Valores exactos: emplee tablas
- Clave métrica: Usar vallas publicitarias
Diseño para la claridad
Títulos y etiquetas de las listas
Siempre agregue títulos y etiquetas descriptivas:
SELECT average(duration) AS 'Average Response Time (ms)', percentile(duration, 95) AS '95th Percentile (ms)'FROM TransactionWHERE appName = 'E-commerce API'SINCE 24 hours agoTIMESERIES 1 hourEmplee un formato consistente.
- Conserva gráficos similares empleando los mismos rangos de tiempo.
- Emplee esquemas de color coherentes en todos los gráficos relacionados.
- Aplica las mismas reglas de formato en todo tu cuaderno.
Resaltar información importante
- Emplee umbral para mostrar los límites del objetivo o SLA
- Elige colores que llamen la atención sobre los problemas (rojo para los errores).
- Dimensionar las vallas publicitarias adecuadamente según su importancia.
Contexto y narración de historias
Agregar texto explicativo
Emplee bloques Markdown para proporcionar contexto a sus visualizaciones:
## Response Time Analysis
The chart below shows a significant spike in response times at 2:30 PM,corresponding with the deployment of version 2.1.4. The 95th percentilereached 2.8 seconds, well above our 500ms SLA target.
### What this means:- 5% of users experienced unacceptable delays- The issue was resolved by rolling back the deployment- We need better performance testing before releasesCuenta una historia con varios gráficos.
Organiza tus visualizaciones para construir una narrativa:
- Gráfico general: Comience con las métricas de alto nivel.
- Gráficos de desglose: Muestran aspectos o segmentos específicos.
- Diagramas de causa raíz: Muestran las causas subyacentes
- Gráficos de resolución: Muestran mejoras o correcciones
Técnicas de visualización avanzadas
Uso de variables para gráficos dinámicos
Crea visualizaciones reutilizables con variables:
{{appName = "production-api"}}{{timeRange = "6 hours ago"}}SELECT count(*) AS 'Requests', average(duration) AS 'Avg Duration'FROM TransactionWHERE appName = '{{appName}}'TIMESERIES 5 minutesSINCE {{timeRange}}Análisis comparativo
Mostrar comparaciones de antes y después o de periodos:
SELECT average(duration) AS 'Response Time'FROM TransactionWHERE appName = 'MyApp'TIMESERIES 1 hourSINCE 7 days agoCOMPARE WITH 1 week agoAnálisis multifacético
Desglosar la métrica por múltiples dimensiones:
SELECT count(*) FROM TransactionWHERE appName = 'MyApp'FACET host, httpResponseCodeSINCE 2 hours agoVisualizaciones para la resolución de problemas
Problemas comunes
El gráfico no muestra datos:
- Comprueba que tu intervalo de tiempo incluya datos.
- Verifique que sus cláusulas WHERE sean correctas.
- Cerciorar de tener licencia para acceder a los datos.
El gráfico está demasiado recargado:
- Emplee LIMIT para reducir el número de seriales
- Considere dividirlo en varios gráficos.
- Emplee la agregación para combinar categorías menos importantes.
Los datos parecen incorrectos:
- Compruebe si hay problemas de zona horaria en los seriales temporales.
- Verifica tus cálculos en los campos calculados.
- Busque filtros que puedan excluir datos esperados.
Optimización del rendimiento
- Emplee rangos de tiempo apropiados para su análisis.
- Agregue cláusulas WHERE específicas para limitar el volumen de datos
- Emplee la ejemplificación para conjuntos de datos muy grandes.
- Considere el uso de funciones de aproximación para un mejor rendimiento.
¿Que sigue?
- Aprende a compartir cuadernos con tu equipo
- Explora ejemplos de cuadernos para inspirarte con la visualización.
- Consulta la guía de tipos de gráficos para obtener información detallada sobre todas las visualizaciones disponibles.