Les visualisations sont un élément clé des notebooks efficaces, permettant de transformer les résultats bruts des requêtes en graphiques clairs et attrayants qui étayent votre récit de données. Les notebooks prennent en charge toutes les mêmes options de visualisation disponibles dans le générateur de requêtes New Relic.
Types de graphiques disponibles
Choisissez la visualisation la plus adaptée à vos données et à votre récit :
Graphiques linéaires
Idéal pour visualiser les tendances au fil du temps et comparer plusieurs indicateurs.
Idéal pour: données de séries chronologiques, tendances de performances, comparaison de métriques au fil du temps
Exemple de requête:
SELECT average(duration) AS 'Response Time'FROM TransactionWHERE appName = 'MyApp'TIMESERIES 5 minutesSINCE 6 hours agoCartes de zones
Indiquez les variations de volume et de composition au fil du temps par des zones remplies sous la ligne.
Idéal pour: Données cumulatives, affichant le volume total avec des ventilations, utilisation des ressources au fil du temps
Exemple de requête:
SELECT count(*) FROM TransactionWHERE appName = 'MyApp'FACET hostTIMESERIES 10 minutesSINCE 2 hours agographique à barres
Comparer les valeurs entre différentes catégories ou dimensions.
Idéal pour: Comparer les valeurs entre les catégories, les listes des N meilleurs, les analyses d'erreurs
Exemple de requête:
SELECT count(*) AS 'Request Count'FROM TransactionWHERE appName = 'MyApp'FACET nameSINCE 1 hour agoORDER BY count(*) DESCLIMIT 10Diagrammes circulaires
Afficher les données proportionnelles et les répartitions en pourcentage.
Idéal pour: Représenter les parties d'un tout, les répartitions en pourcentage, les ventilations par catégories simples
Exemple de requête:
SELECT count(*) FROM TransactionWHERE appName = 'MyApp'FACET httpResponseCodeSINCE 1 hour agoTableaux
Présenter des données détaillées en lignes et en colonnes pour des valeurs précises.
Idéal pour: Données détaillées, valeurs exactes, listes à attributs multiples, débogage
Exemple de requête:
SELECT timestamp, name, duration, httpResponseCodeFROM TransactionWHERE appName = 'MyApp' AND duration > 5SINCE 1 hour agoORDER BY duration DESCLIMIT 20panneaux d'affichage
Mettez en évidence les mesures importantes uniques.
Idéal pour: indicateurs de performances clés, statistiques récapitulatives, valeurs importantes uniques
Exemple de requête:
SELECT average(duration) AS 'Avg Response Time (ms)'FROM TransactionWHERE appName = 'MyApp'SINCE 1 hour agoPersonnalisez vos visualisations
Paramètres du graphique
Accédez aux options de personnalisation du graphique en cliquant sur l'icône Chart settings dans votre bloc de requête :
- Couleurs: Choisissez des couleurs personnalisées pour vos séries de données
- Axes: Personnalisez les étiquettes, les plages et la mise en forme des axes.
- Légende: Afficher/masquer la légende, ajuster le positionnement
- Seuil: Ajouter des lignes horizontales pour la cible ou les alertes
- Unités: Format des nombres, des pourcentages, des valeurs temporelles
Schémas de couleurs
Choisissez des couleurs qui soutiennent votre récit :
- Palette par défaut: Couleurs standard de New Relic pour plus de cohérence
- Couleurs personnalisées: Correspondent à l'image de marque de votre organisation
- Couleurs accessibles: Contraste élevé pour une meilleure lisibilité
- Couleurs d'état: Vert pour un fonctionnement normal, rouge pour les erreurs, jaune pour les avertissements
Options de mise en forme
Mettez en forme vos données pour plus de clarté :
- Nombres: Ajouter des séparateurs de milliers et des décimales
- Pourcentages: Afficher en pourcentages plutôt qu'en décimales
- Valeurs temporelles: Affichage en heures, minutes ou secondes
- Octets: Afficher en Ko, Mo ou Go selon le cas
Visualisation bonnes pratiques
Choisissez le type de graphique approprié
Conseil
Le type de graphique doit appuyer votre propos, et non le parasiter. En cas de doute, la simplicité est généralement préférable.
- Données de séries chronologiques: Utilisez des graphiques linéaires ou en aires.
- Comparaisons: Utiliser graphique à barres
- Proportions: Utilisez des diagrammes circulaires (mais limitez-vous à 5-7 catégories).
- Valeurs exactes: Utiliser des tableaux
- Métriques clés: Utiliser des panneaux d'affichage
Concevoir pour plus de clarté
Titres et étiquettes des graphiques
Ajoutez toujours des titres et des étiquettes descriptifs :
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 hourUtilisez une mise en forme cohérente
- Conservez des graphiques similaires utilisant les mêmes intervalles de temps.
- Utilisez des schémas de couleurs cohérents pour l'ensemble des graphiques associés.
- Appliquez les mêmes règles de mise en forme à l'ensemble de votre cahier.
Mettre en évidence les informations importantes
- Utilisez le seuil pour afficher les limites de la cible ou SLA
- Choisissez des couleurs qui attirent l'attention sur les problèmes (rouge pour les erreurs).
- Dimensionnez les panneaux d'affichage en fonction de leur importance
Contexte et narration
Ajouter un texte explicatif
Utilisez les blocs Markdown pour contextualiser vos visualisations :
## 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 releasesRacontez une histoire à l'aide de plusieurs graphiques
Organisez vos visualisations de manière à construire un récit :
- Tableau récapitulatif: Commencez par les indicateurs de haut niveau
- Graphiques détaillés: affichent des aspects ou des segments spécifiques
- Diagrammes des causes profondes: Afficher les causes sous-jacentes
- Graphiques de résolution: Afficher les améliorations ou les corrections
Techniques de visualisation avancées
Utilisation de variables pour les graphiques dynamiques
Créez des visualisations réutilisables avec des 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}}Analyse comparative
Afficher les comparaisons avant et après ou les comparaisons de périodes :
SELECT average(duration) AS 'Response Time'FROM TransactionWHERE appName = 'MyApp'TIMESERIES 1 hourSINCE 7 days agoCOMPARE WITH 1 week agoAnalyse multifacettes
Décomposer les métriques selon plusieurs dimensions :
SELECT count(*) FROM TransactionWHERE appName = 'MyApp'FACET host, httpResponseCodeSINCE 2 hours agoVisualisations de dépannage
Problèmes courants
Le graphique ne présente aucune donnée:
- Vérifiez que votre plage horaire inclut des données
- Vérifiez que vos clauses WHERE sont correctes.
- Assurez-vous d'avoir l'autorisation d'accéder aux données
Le graphique est trop encombré:
- Utilisez LIMIT pour réduire le nombre de séries
- Envisagez de diviser en plusieurs graphiques.
- Utilisez l'agrégation pour combiner les catégories moins importantes
Les données semblent incorrectes:
- Vérifiez les problèmes de fuseau horaire dans les séries chronologiques.
- Vérifiez vos calculs dans les champs calculés
- Recherchez les filtres susceptibles d'exclure des données attendues.
Optimisation des performances
- Utilisez des plages horaires appropriées pour votre analyse
- Ajoutez des clauses WHERE spécifiques pour limiter le volume de données
- Utilisez l'échantillonnage pour les très grands ensembles de données.
- Envisagez d'utiliser des fonctions d'approximation pour de meilleures performances.
Quelle est la prochaine étape ?
- Découvrez comment partager des carnets de notes avec votre équipe
- Explorez des exemples de carnets pour trouver l'inspiration en matière de visualisation.
- Consultez le guide des types de graphiques pour obtenir des informations détaillées sur toutes les visualisations disponibles.