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 des 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 affichés dans n'importe quel navigateur Web moderne. Outre la prise en charge du filtrage des données, le code HTML interactif de JMP 14 ajoute la prise en charge du treemap dans Graph Builder. Ce document montre quand et comment utiliser le HTML interactif pour partager et explorer les résultats JMP.
Introduction
Depuis le début du projet HTML interactif dans JMP 11, notre objectif a été de rendre les graphiques riches et la puissance d'analyse de JMP accessibles à ceux qui n'ont pas encore JMP. Le Web est un endroit naturel pour afficher ces rapports et l'endroit où la collaboration se fait à l'ère moderne.Dans cette conférence, nous vous donnerons un aperçu des nouvelles fonctionnalités de JMP 14 pour HTML interactif, vous donnerons des conseils sur la façon de partager des rapports HTML interactif JMP sur le Web et partagerons le travail effectué par un biologiste marin utilisant le HTML interactif de JMP pour partager et collaborer à ses recherches.
Diamond Price vs. Carat Weight, Filtered by ColorDiamond Price vs. Carat Weight, Filtered by ColorPrix du diamant par rapport au poids en carats, filtré par couleur
Fonctionnalités de JMP14
JMP dispose de nombreuses plates-formes et d'outils pour analyser vos données, et à chaque version, nous avons cherché à ajouter des fonctionnalités supplémentaires à notre sortie pour vous aider à explorer et à partager vos données sur le Web.Dans JMP 14, le treemap a été ajouté à la sortie de Graph Builder et un filtre de données avec masquage et sélection est disponible pour explorer vos données.
Les rapports HTML interactifs prennent en charge de nombreuses fonctionnalités exploratoires de JMP.Des points individuels ou des éléments graphiques peuvent être identifiés à l'aide d'info-bulles affichées lorsque vous survolez le point sur le bureau ou en appuyant sur l'élément sur un appareil mobile.Tout comme dans JMP, les graphiques sont liés afin que les lignes sélectionnées dans un graphique soient mises en surbrillance dans tous les graphiques [1,2].
Selecting multiple objects and linking between graphical elementsSelecting multiple objects and linking between graphical elementsSé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 appelé brossage , une technique importante pour explorer les données multivariées [1].
Brushing points to explore the dataBrushing points to explore the data Brossage des points 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'élément de menu Filtre de données local dans le menu en forme de triangle 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 décorés avec des distributions.Dans JMP 14, toutes les combinaisons de logique ET et OU sont prises en charge pour permettre la création de certains filtres complexes.Les états de sélection et de masquage sont pris en charge de manière cohérente partout, ce qui facilite la courbe d'apprentissage pour les utilisateurs qui ne connaissent pas JMP.
Il est important de noter que la possibilité d'exclure/d'inclure des données n'est pas prise en charge dans la sortie HTML interactive lorsqu'elle est publiée dans un fichier, ce qui signifie que si des lignes sont exclues dans JMP, seul le sous-ensemble de lignes incluses est exporté et les utilisateurs ne pourront pas explorer les données exclues sur le web.Par exemple, le diagramme bivarié ci-dessous a la case « Inclure » cochée (dans JMP sur le côté gauche), donc en sélectionnant Hommes, ce sont les seuls points affichés et les seules valeurs prises en compte lors de l'ajustement de la ligne. L'export HTML interactif de ce graphique n'a donc que des hommes dans son filtre de données (sur le côté droit).
Bivariate of Big Class with only Males included before exporting to Interactive HTMLBivariate of Big Class with only Males included before exporting to Interactive HTML Bivarié de grande classe avec uniquement les hommes inclus avant l'exportation vers HTML interactif Si l'intention était de permettre à l'utilisateur d'explorer à la fois les tailles masculines et féminines, mais que vous souhaitiez 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 Interactive HTML 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 l'un ou l'autre sexe individuellement.
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset.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 de n'afficher initialement que les hommes, mais permet toujours à l'utilisateur d'explorer l'ensemble de données. Treemap est un outil graphique important pour l'analyse des données hiérarchiques.Vous trouverez ci-dessous une arborescence créée à partir du jeu de données Cities de la bibliothèque Sample Data à l'aide de l'algorithme de fractionnement sélectionné par défaut.
Treemap of Cities data sized by lead levelsTreemap of Cities data sized by lead levelsTreemap des données des villes dimensionnées par niveaux de plomb
L'algorithme de fractionnement crée une arborescence avec des cellules classées par les noms des groupements de cellules.Alternativement, l'algorithme de squarify peut être choisi pour créer un treemap qui ordonne les cellules par leur taille, dans ce cas les niveaux de plomb des villes.
Treemap of the Cities by lead levels using the squarify algorithmTreemap of the Cities by lead levels using the squarify algorithmTreemap 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 les 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 de l'option de menu Fichier -> Enregistrer sous et sur Mac à l'aide de l'option Exporter, ainsi que Enregistrer le HTML interactif() Commande JSL 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 le Combiner les fenêtres caractéristiques comme indiqué dans notre exemples en ligne .Mais quelle est la meilleure façon de partager ces rapports ?
La réponse à cette question dépend du degré de partage du fichier.Au sein d'un réseau interne, un simple lecteur réseau partagé peut être le meilleur moyen. Parfois, 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 une variété de services de partage de fichiers en ligne, mais la prise en charge varie.Depuis septembre 2017, Dropbox n'affiche plus le contenu HTML .De même, Google Drive a abandonné cette fonctionnalité en 2015 .Pour le moment, nous ne pouvons pas suggérer un service de partage de fichiers comme méthode fiable d'échange de contenu HTML rendu - vous pouvez partager les fichiers, mais ils doivent être téléchargés ou peuvent être affichés sous forme de fichier texte, alors que nous aimerions vraiment que vous aimeriez faire est de cliquer sur un lien et d'afficher le rapport.
Pour les clients qui ne sont pas à l'aise avec la gestion d'un serveur Web entièrement fonctionnel, il existe plusieurs sites d'hébergement/de conception Web qui annoncent un développement rapide de sites Web avec peu de connaissances en programmation. Un élément HTML appelé cadre en ligne ou iframe peut être utilisé pour intégrer le contenu d'une page Web dans une autre page. Par exemple, la communauté JMP permet aux iframes d'intégrer du contenu.Cependant, le fournisseur de votre choix peut ne pas autoriser les iframes dans son système.Si la page Web est servie en HTTPS, vous ne pouvez pas héberger de contenu HTTP dans une iframe, il s'agit d'un scénario appelé " Contenu mixte ”, et c'est une fonction de sécurité des navigateurs modernes.Cela peut être une solution viable pour vous compte tenu du cadre que vous utilisez, mais comme le montre l'histoire du client ci-dessous, cela peut prendre du travail.
Témoignage client sur les récifs coralliens
La possibilité de partager des données a déjà un impact sur nos clients.Une histoire est la recherche de diagnostic des récifs coralliens du Dr Anderson Mayfield [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 similaires puissent collaborer pour prédire la santé des récifs coralliens dans un climat mondial en évolution. Son site est hébergé sur SquareSpace.
Dr Anderson B. Mayfield's webpageDr Anderson B. Mayfield's webpage 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 JMP Interactive HTML dans son site Web, qui ne semblaient 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 une iframe, il pouvait intégrer des rapports HTML interactifs au milieu de une page décrivant les données collectées.
Avec la sortie de JMP 14.2, maintenant que JMP Public est disponible, il pourra faire de même avec les rapports JMP Interactive HTML offrant des fonctionnalités avancées rendues possibles grâce à la connexion à un serveur JMP en direct.Les utilisateurs peuvent accéder directement au rapport sur JMP Public, ou le système facilite l'intégration du rapport dans d'autres plates-formes, y compris la génération du balisage HTML iframe à coller dans une autre page Web.Contrairement au HTML interactif autonome, les données peuvent être exclues ou incluses, en s'appuyant sur le serveur JMP pour gérer l'analyse et afficher les résultats mis à jour dans la même interface Web à laquelle vous vous êtes habitué, mais avec une nouvelle interface utilisateur élégante pour JMP Public.
Pour partager un rapport publié sur JMP Public, il vous suffit de cliquer sur l'icône Partager en haut de la page et de sélectionner "Intégrer le code (iframe)" comme indiqué ci-dessous :
Embedding an iframe of interactive HTML reports published on JMP Public is easy.Embedding an iframe of interactive HTML reports published on JMP Public is easy. L'intégration d'une iframe de rapports HTML interactifs publiés sur JMP Public est simple. Cela placera le code HTML pour produire une balise iframe dans votre page Web sur votre presse-papiers comme on le voit 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 à l'endroit 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 désormais disponible depuis quatre versions de JMP. Nous espérons que vous avez trouvé des façons intéressantes de l'utiliser, comme les efforts du Dr Anderson Mayfield pour collaborer à la découverte de moyens d'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.Veuillez visiter le Exemples HTML interactifs ou explorez le exemples tirés de cet article sur JMP Public .
Les références
[1] Becker R. et Cleveland W. (1987). « Brushing Scatterplots », Technométrie , 127-142.
[2] Stuetzle W. (1987). "Fenêtres de tracé", Journal de l'Association statistique américaine, 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
