Ceci est la suite d’une série de billets de blog sur HTML interactif pour les rapports Graph Builder dans JMP 13. Ici, je discute du support pour les points, les diagrammes en boîte, les cartes de chaleur et les formes de carte. Ces éléments du générateur de graphes sont mis en évidence dans la figure ci-dessous.
Ce billet de blog décrivant les pages Web interactives générées par JMP, les images et les animations ci-dessous ont été capturées à partir d'un navigateur Web.
Points
Il existe de nombreux graphiques dans JMP qui permettent de personnaliser la couleur, la forme et la taille des points, généralement en ouvrant une boîte de dialogue. L'interface glisser-déposer de Graph Builder facilite la création de graphiques colorés avec des points de toutes formes et de toutes tailles. L'exemple ci-dessous utilisant Diamonds Data de la bibliothèque de données exemple dans JMP définit les attributs de point suivants:
- Taille basée sur les données de la colonne Table
- Couleur basée sur les données de la colonne Profondeur
- Forme basée sur les données de la colonne Clarity
En plus de ces attributs, Price versus Cut et le groupement par poids en carats ont été utilisés pour comprendre ce qui influence le plus les prix des diamants. Bien entendu, JMP fournit des fonctionnalités qui ciblent spécifiquement cette question, mais il s'agit d'un sujet pour un autre article de blog.
Cette combinaison d’attributs a rendu difficile la prise en charge des tracés de points Graph Builder dans Interactive HTML, car il existe désormais plus de moyens de déterminer la taille, la forme et la couleur de chaque point. Le défi a été encore accru par le fait que chaque point de Graph Builder peut représenter un résumé statistique de plusieurs lignes de données.
Dans l'exemple HTML interactif suivant, chaque point représente les diamants d'une coupe et d'une clarté données. Bien que la légende soit réarrangée, la forme et la couleur sont toujours déterminées respectivement par la clarté et la profondeur. Pour accentuer la différence entre les dimensions de la table dans les diamants, une transformation de colonne nommée Table relative a été utilisée dans le rôle Taille plutôt que dans les données de colonne brutes de la table.
Boîtes à moustaches
Les points résumés ci-dessus peuvent fournir trop peu d'informations et les points bruts peuvent être trop chargés, alors pourquoi ne pas faire un compromis en utilisant des boîtes à moustaches? Dans le graphique ci-dessous, nous voyons la répartition des prix pour chaque combinaison de poids coupé, de pureté et de carat. La légende a été déplacée vers le bas et dessinée horizontalement pour correspondre à la disposition des boîtes à moustaches de chaque groupe.
Cartes de chaleur
Jusqu'ici, il pourrait être difficile de voir ce qui influence le plus les prix des diamants. Nous n'avons couvert que trois des quatre C en qualité de diamant. Alors, voici une carte thermique comprenant les quatre. Peut-être que maintenant il est plus facile de tirer des conclusions.
L'ajout de la prise en charge des cartes thermiques dans Graph Builder nous a apporté un bonus en dehors de Graph Builder: le graphique Uplift de la plate-forme Uplift est désormais interactif et peut afficher les facteurs X et les plages X / Y.
Formes de carte
Les formes de carte peuvent être utilisées dans Graph Builder pour les données d'emplacement, telles que les données de population. Le regroupement peut aider le spectateur à se concentrer sur une région à la fois. Lorsque l'option "Afficher les formes manquantes" est activée, la région d'intérêt peut être considérée dans le contexte de l'ensemble du pays.
Les formes de carte peuvent être redimensionnées selon une variable de taille (Population) tout en étant colorées par une autre variable (consommation de légumes).
Des combinaisons
Pour voir si une partie de la puissance interactive de JMP est disponible en HTML interactif, il est utile d’interagir avec les graphiques combinés. Dans JMP, cela peut être réalisé avec Windows combiné, Application Builder ou Dashboard Builder. Vous trouverez ci-dessous des exemples de combinaisons utilisant les types de graphes décrits ci-dessus.
Cet exemple explore les données sur la criminalité avec une carte de chaleur et des formes de carte géographiques.
L'exemple suivant utilise des points, des diagrammes en boîte, une carte thermique et une forme de carte personnalisée pour explorer les températures de bureau.
Une nouvelle fonctionnalité pour les formes de points et de carte dans Interactive HTML est la possibilité d'afficher des images dans des info-bulles.
Notez que ce ne sont que des animations. Vous pouvez interagir avec les fichiers HTML interactifs affichés dans ce blog à un page que nous avons créée à cet effet . Dites-nous ce que vous en pensez!
John Powell a écrit:
Pour créer la carte thermique des données en diamant, j'ai appliqué la colonne Couleur au rôle Y, la réduction au rôle X et le prix au rôle Couleur.
Ensuite, j'ai appliqué Clarity au rôle du groupe X et Carat Weight au rôle du groupe Y.
Je règle le nombre de niveaux du groupe Y à 3.
J'ai personnalisé les paramètres de dégradé pour utiliser un dégradé vert et activer les couleurs discrètes.
Lorsque vous parlez de «riches astuces d’outils», je pense que vous faites peut-être référence à l’exemple de la planète avec des images dans les info-bulles.
Pour cet exemple, j'ai construit une table de données avec une colonne Image contenant des images de chaque planète. J'ai utilisé "Internet open" pour collecter des données sur Internet, ainsi que des découpages pour coller toutes les données dans une seule table. J'aurais peut-être économisé quelques efforts si j'avais utilisé la jonction virtuelle.
J'ai appliqué la température maximale de surface au rôle Y, la distance entre le soleil et le rôle X, le nombre de lunes jusqu'au rôle Couleur et le rayon équatorial au rôle Taille.
Les rôles sont automatiquement ajoutés à l'info-bulle. Pour ajouter d'autres colonnes, il vous suffit de définir les colonnes à étiqueter. Si une colonne étiquetée contient une image, celle-ci apparaît dans l'info-bulle. Avant d'enregistrer au format HTML interactif, j'ai épinglé les info-bulles pour Earth et Saturne et ajouté une ligne de texte personnalisée à l'info-bulle de Earth.
J'espère que c'était le niveau de détail que vous recherchiez.
Tchad a écrit:
Cher John,
Merci de partager ces exemples. Serait-il possible de
décrire le processus de création des cartes thermiques et les riches astuces
dans un peu plus de détails afin qu'ils puissent être répliqués?
