Niveau : Débutant
Josh Markwordt, développeur de logiciels JMP, SAS
John Powell, développeur principal de logiciels JMP, SAS
Le HTML interactif prend en charge de nombreuses fonctionnalités exploratoires de JMP, notamment l'identification de points, la liaison, le brossage et, nouveauté de JMP 14, le filtrage des données. Les rapports enregistrés peuvent être partagés avec des collègues ou téléchargés sur un serveur web pour être consultés dans n'importe quel navigateur web moderne. Outre la prise en charge du filtrage des données, le HTML interactif de JMP 14 prend également en charge le treemap dans Graph Builder. Cet article explique quand et comment utiliser le HTML interactif pour partager et explorer les résultats JMP.
Introduction
Depuis le lancement du projet HTML interactif dans JMP 11, notre objectif est de rendre les graphiques riches et les analyses puissantes de JMP accessibles à ceux qui ne possèdent pas encore JMP. Le web est un lieu naturel pour afficher ces rapports et le lieu de collaboration moderne. Dans cette présentation, nous vous présenterons les nouvelles fonctionnalités de JMP 14 pour le HTML interactif, vous donnerons des conseils pour partager des rapports HTML interactifs JMP sur le web et vous présenterons le travail d'un biologiste marin utilisant le HTML interactif de JMP pour partager et collaborer sur ses recherches.
Diamond Price vs. Carat Weight, Filtered by ColorPrix du diamant par rapport au poids en carats, filtré par couleur
Prix du diamant par rapport au poids en carats, filtré par couleur
Prix du diamant par rapport au poids en carats, filtré par couleur
Fonctionnalités de JMP 14
JMP propose de nombreuses plateformes et outils pour analyser vos données. À chaque nouvelle version, nous avons cherché à ajouter des fonctionnalités supplémentaires à nos résultats pour vous aider à explorer et partager vos données sur le web. Dans JMP 14, le treemap a été ajouté aux résultats du générateur de graphiques, et un filtre de données permettant de masquer et de sélectionner est disponible pour explorer vos données.
Les rapports HTML interactifs prennent en charge de nombreuses fonctionnalités exploratoires de JMP. Les points ou éléments graphiques individuels peuvent être identifiés grâce à des infobulles affichées au survol du point sur un ordinateur ou en appuyant sur l'élément sur un appareil mobile. Comme dans JMP, les graphiques sont liés, de sorte que les lignes sélectionnées dans un graphique sont mises en évidence dans tous les graphiques [1,2].
Selecting multiple objects and linking between graphical elements Sélection de plusieurs objets et liaison entre les éléments graphiques Sélection de plusieurs objets et liaison entre les éléments graphiques Sélection de plusieurs objets et liaison entre les éléments graphiques En utilisant les différents modes affichés en haut de la page et en cliquant ou en appuyant sur le deuxième bouton bascule, vous pouvez faire glisser un rectangle pour sélectionner des lignes dans les graphiques. C'est ce qu'on appelle le brossage , une technique importante pour explorer les données multivariées [1]. 
Brushing points to explore the data Points de brossage pour explorer les données Points de brossage pour explorer les données Points de brossage pour explorer les données
La nouveauté de JMP 14 est la possibilité de filtrer par colonne ou par combinaison de colonnes. Choisissez d'abord l'option « Filtre de données locales » dans le menu triangulaire rouge de n'importe quel rapport JMP, sélectionnez une ou plusieurs colonnes et cliquez sur « Ajouter ». Les contrôles pour les filtres catégoriels et continus sont pris en charge et agrémentés de distributions. Dans JMP 14, toutes les combinaisons logiques ET et OU sont prises en charge, permettant ainsi la création de filtres complexes. Les états « sélectionner » et « masquer » sont pris en charge de manière uniforme partout, ce qui facilite l'apprentissage pour les utilisateurs qui ne connaissent pas JMP.
Il est important de noter que la possibilité d'exclure/inclure des données n'est pas prise en charge dans la sortie HTML interactive publiée dans un fichier. Autrement dit, si des lignes sont exclues dans JMP, seul un sous-ensemble de lignes incluses est exporté et les utilisateurs ne pourront pas explorer les données exclues sur le web. Par exemple, la case « Inclure » du graphique bivarié ci-dessous est cochée (à gauche dans JMP). Ainsi, en sélectionnant les hommes, seuls ces points sont affichés et les seules valeurs prises en compte lors de l'ajustement de la ligne. L'export HTML interactif de ce graphique ne prend donc en compte que les hommes dans son filtre de données (à droite). 
Bivariate of Big Class with only Males included before exporting to Interactive HTML Bivarié de la grande classe avec seulement les hommes inclus avant l'exportation vers le HTML interactif Bivarié de la grande classe avec seulement les hommes inclus avant l'exportation vers le HTML interactif Bivarié de la grande classe avec seulement les hommes inclus avant l'exportation vers le HTML interactif Si l'intention était de permettre à l'utilisateur d'explorer les tailles des hommes et des femmes, mais que vous vouliez initialement attirer l'attention sur les hommes, décochez la case « Inclure » avant de sélectionner les hommes et d'exporter (comme indiqué dans JMP à gauche). Ici, vous verrez que bien que le graphique initial soit le même dans le HTML interactif que la première fois, le filtre de données inclut à la fois les hommes et les femmes et en filtrant, vous pouvez examiner l'ensemble de données entier, ou chaque sexe individuellement. 
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset. Décocher la case Inclure vous permet d'afficher initialement uniquement les hommes, tout en permettant à l'utilisateur d'explorer l'ensemble des données. Décocher la case Inclure vous permet d'afficher initialement uniquement les hommes, tout en permettant à l'utilisateur d'explorer l'ensemble des données. Le treemap est un outil graphique essentiel pour l'analyse des données hiérarchiques. Vous trouverez ci-dessous un treemap créé à partir du jeu de données Villes de la bibliothèque d'échantillons de données, à l'aide de l'algorithme de fractionnement sélectionné par défaut.
Treemap of Cities data sized by lead levelsCarte arborescente des données des villes classées par niveaux de plomb
Carte arborescente des données des villes classées par niveaux de plomb
Carte arborescente des données des villes classées par niveaux de plomb
L'algorithme de division crée une arborescence dont les cellules sont classées selon les noms des groupes de cellules. L'algorithme de quadrature peut également être utilisé pour créer une arborescence ordonnant les cellules par taille, dans ce cas, selon le niveau de plomb des villes.
Treemap of the Cities by lead levels using the squarify algorithmCarte arborescente des villes par niveaux de plomb à l'aide de l'algorithme squarify
Carte arborescente des villes par niveaux de plomb à l'aide de l'algorithme squarify
Carte arborescente des villes par niveaux de plomb à l'aide de l'algorithme squarify
Les treemaps HTML exportés prennent en charge toutes les options que vous avez définies avant l'exportation depuis JMP dans JMP 14. Combiné avec des filtres de données locaux, cela vous permet d'explorer des treemaps et d'autres types de graphiques sur le Web.
Comment partager avec JMP
Les présentations précédentes ont montré comment enregistrer des rapports JMP au format HTML interactif sous Windows à l'aide du menu Fichier -> Enregistrer sous, et sur Mac à l'aide de l'option Exporter, ainsi que la commande JSL Enregistrer HTML interactif() pour créer ce contenu à partir d'un script [3]. Vous pouvez créer de puissants tableaux de bord via Dashboard Builder ou en utilisant les fonctionnalités de combinaison de fenêtres , comme illustré dans nos exemples en ligne . Mais quelle est la meilleure façon de partager ces rapports ?
La réponse à cette question dépend de l'ampleur du partage souhaité. Au sein d'un réseau interne, un simple lecteur réseau partagé peut être la meilleure solution. Il arrive que les paramètres de messagerie bloquent le contenu HTML ou obligent l'utilisateur à télécharger une pièce jointe volumineuse sur son ordinateur personnel ou son appareil mobile. Il existe divers services de partage de fichiers en ligne, mais leur prise en charge varie. Depuis septembre 2017, Dropbox ne restitue plus le contenu HTML . De même, Google Drive a abandonné cette fonctionnalité en 2015. À l'heure actuelle, nous ne pouvons pas recommander un service de partage de fichiers comme méthode fiable pour échanger du contenu HTML restitué : vous pouvez partager les fichiers, mais ils doivent être téléchargés ou affichés sous forme de fichier texte, alors que nous souhaitons simplement cliquer sur un lien pour consulter le rapport.
Pour les clients peu à l'aise avec la gestion d'un serveur web entièrement fonctionnel, plusieurs sites d'hébergement et de conception web proposent un développement rapide de sites web avec peu de connaissances en programmation. Un élément HTML appelé « inline-frame » ou « iframe » peut être utilisé pour intégrer le contenu d'une page web dans une autre. Par exemple, la communauté JMP autorise les iframes pour l'intégration de contenu. Cependant, le fournisseur de votre choix peut interdire les iframes sur son système. Si la page web est hébergée en HTTPS, vous ne pouvez pas héberger de contenu HTTP dans un iframe ; il s'agit d'un scénario appelé « contenu mixte », une fonctionnalité de sécurité des navigateurs modernes. Cette solution peut être viable compte tenu du framework que vous utilisez, mais comme le montre le témoignage client ci-dessous, elle peut nécessiter un certain temps.
Témoignage client de Coral Reef
La possibilité de partager des données a déjà un impact positif auprès de nos clients. Prenons l'exemple des recherches du Dr Anderson Mayfield sur le diagnostic des récifs coralliens [4] . Après des années de collecte de données sur les récifs coralliens du monde entier, il a créé un site web pour partager ses données et ses analyses à l'aide de JMP, afin que des scientifiques ou des statisticiens puissent collaborer à la prédiction de la santé des récifs coralliens dans un contexte de changement climatique mondial. Son site est hébergé sur SquareSpace. 
Dr Anderson B. Mayfield's webpage Page Web du Dr Anderson B. Mayfield Page Web du Dr Anderson B. Mayfield Page Web du Dr Anderson B. Mayfield Il a consulté la communauté JMP pour obtenir des conseils sur la manière d'intégrer des rapports HTML interactifs JMP dans son site Web, qui ne semblait pas être directement pris en charge par SquareSpace [5]. Grâce aux réponses de notre communauté, et en particulier de l'un de nos principaux développeurs de logiciels, Nascif Abousalh-Neto, il a appris qu'en hébergeant ses fichiers HTML interactifs sur Amazon S3 et en utilisant un iframe, il pouvait intégrer des rapports HTML interactifs au milieu d'une page décrivant les données collectées.
Avec la sortie de JMP 14.2, et la disponibilité de JMP Public, il pourra faire de même avec les rapports HTML interactifs JMP, qui offrent des fonctionnalités avancées grâce à la connexion à un serveur JMP en direct. Les utilisateurs peuvent créer un lien direct vers le rapport sur JMP Public, ou le système facilite l'intégration du rapport sur d'autres plateformes, notamment en générant le balisage HTML iframe à coller sur une autre page web. Contrairement à la version HTML interactive autonome, les données peuvent être exclues ou incluses, laissant le serveur JMP gérer l'analyse et afficher les résultats mis à jour dans la même interface web que celle à laquelle vous êtes habitué, mais avec une nouvelle interface utilisateur élégante pour JMP Public.
Pour partager un rapport publié sur JMP Public, cliquez simplement sur l'icône Partager en haut de la page et sélectionnez « Intégrer le code (iframe) » comme indiqué ci-dessous : 
Embedding an iframe of interactive HTML reports published on JMP Public is easy. Intégrer une iframe de rapports HTML interactifs publiés sur JMP Public est simple. Intégrer une iframe de rapports HTML interactifs publiés sur JMP Public est simple . Cela placera le code HTML pour générer une balise iframe dans votre page web et le placera dans votre presse-papiers, comme illustré ici :
<IFRAME class="jmp-share-iframe" frameborder="0" width="800" height="600" src="https://public.jmp.com/api/packages/Diamond-Price-vs-Carat-Weight-Filtered-b/js-p/5bb3d86e615499085427cde3/indexPage" style="margin: 0.8em 0;"></IFRAME>
Collez simplement ce code dans votre page HTML où vous souhaitez qu'il apparaisse, comme cela a été fait ci-dessous pour la version en direct de l'image présentée au début de l'article, et vous obtenez un contenu interactif rendu dans votre page.
Conclusion
Le HTML interactif est disponible depuis quatre versions de JMP. Nous espérons que vous avez trouvé des façons intéressantes de l'utiliser, à l'instar du Dr Anderson Mayfield, qui a collaboré à la découverte de solutions pour améliorer la santé des récifs coralliens du monde entier. Nous aimerions connaître vos réussites et vos défis et vous aider à collaborer avec les rapports et tableaux de bord HTML interactifs de JMP. Consultez les exemples HTML interactifs ou explorez les exemples de cet article sur JMP Public .
Références
[1] Becker R. et Cleveland W. (1987). « Brossage de nuages de points », Technometrics , 127-142.
[2] Stuetzle W. (1987). « Plot Windows », Journal of the American Statistical Association, 82 , 466-475.
[3] https://community.jmp.com/t5/Discovery-Summit-2017/Sharing-Interactive-Web-Reports-in-JMP-13/ta-p/44069
[4] http://coralreefdiagnostics.com
[5] https://community.jmp.com/t5/Discussions/posting-interactive-html-plots-on-websites/mp/60478
