Niveau: Anfänger
Josh Markwordt, JMP-Softwareentwickler, SAS
John Powell, JMP Principal Software Developer, SAS
Interaktives HTML unterstützt viele der explorativen Funktionen von JMP, einschließlich Punktidentifizierung, Verknüpfung, Brushing und – neu in JMP 14 – Datenfilterung. Gespeicherte Berichte können mit Kollegen geteilt oder auf einen Webserver hochgeladen werden, um in jedem modernen Webbrowser angezeigt zu werden. Zusätzlich zur Unterstützung der Datenfilterung bietet interaktives HTML in JMP 14 Unterstützung für die Baumkarte in Graph Builder. In diesem Artikel wird gezeigt, wann und wie interaktives HTML zum Teilen und Erkunden von JMP-Ergebnissen verwendet werden kann.
Einführung
Seit Beginn des Interactive HTML-Projekts in JMP 11 ist es unser Ziel, die umfangreichen Grafiken und leistungsstarken Analysen von JMP auch für diejenigen zugänglich zu machen, die noch nicht über JMP verfügen. Das Internet ist ein natürlicher Ort, um diese Berichte anzuzeigen und der Ort, an dem in der modernen Zeit Zusammenarbeit stattfindet.In diesem Vortrag geben wir Ihnen einen Überblick über die neuen Funktionen in JMP 14 für interaktives HTML, geben Tipps zum Teilen von JMP Interactive HTML-Berichten im Web und stellen einige Arbeiten vor, die ein Meeresbiologe durchgeführt hat, der interaktives HTML von JMP zum Teilen verwendet und an seiner Forschung mitarbeiten.
Diamond Price vs. Carat Weight, Filtered by ColorDiamond Price vs. Carat Weight, Filtered by ColorDiamantpreis vs. Karatgewicht, gefiltert nach Farbe
JMP 14-Funktionen
JMP verfügt über zahlreiche Plattformen und Tools zum Analysieren Ihrer Daten. Bei jeder Veröffentlichung haben wir versucht, unserer Ausgabe zusätzliche Funktionen hinzuzufügen, um Ihnen die Erkundung und Weitergabe Ihrer Daten im Web zu erleichtern.In JMP 14 wurde die Baumkarte zur Graph Builder-Ausgabe hinzugefügt und ein Datenfilter mit Ausblenden und Auswählen ist zum Durchsuchen Ihrer Daten verfügbar.
Interaktive HTML-Berichte unterstützen viele der explorativen Funktionen von JMP.Einzelne Punkte oder grafische Elemente können durch Tooltips identifiziert werden, die angezeigt werden, wenn man mit der Maus über den Punkt auf dem Desktop fährt oder indem man auf einem mobilen Gerät auf das Element tippt.Genau wie in JMP werden Diagramme verknüpft, sodass in einem Diagramm ausgewählte Zeilen in allen Diagrammen hervorgehoben werden [1,2].
Selecting multiple objects and linking between graphical elementsSelecting multiple objects and linking between graphical elementsAuswahl mehrerer Objekte und Verknüpfung zwischen grafischen Elementen Indem Sie die verschiedenen Modi nutzen, die oben auf der Seite angezeigt werden Durch Klicken oder Tippen auf die zweite Umschalttaste können Sie ein Rechteck ziehen, um Zeilen in Diagrammen auszuwählen. Das nennt man Bürsten , eine wichtige Technik zur Untersuchung multivariater Daten [1].
Brushing points to explore the dataBrushing points to explore the data Bürstenpunkte zum Erkunden der Daten
Neu in JMP 14 ist die Möglichkeit, nach einer Spalte oder einer Kombination von Spalten zu filtern.Wählen Sie zunächst den Menüpunkt „Lokaler Datenfilter“ aus dem roten Dreiecksmenü eines beliebigen JMP-Berichts, wählen Sie eine oder mehrere Spalten aus und klicken Sie auf „Hinzufügen“. Steuerelemente für kategoriale und kontinuierliche Filter werden unterstützt und mit Verteilungen versehen.In JMP 14 werden alle Kombinationen von UND- und ODER-Logik unterstützt, um die Erstellung einiger komplexer Filter zu ermöglichen.Die Zustände „Auswählen“ und „Ausblenden“ werden überall auf konsistente Weise unterstützt, was die Lernkurve für Benutzer erleichtert, die JMP nicht kennen.
Es ist wichtig zu beachten, dass die Möglichkeit zum Ausschließen/Einschließen von Daten in der interaktiven HTML-Ausgabe bei der Veröffentlichung in einer Datei nicht unterstützt wird. Das bedeutet, dass beim Ausschließen von Zeilen in JMP nur die Teilmenge der eingeschlossenen Zeilen exportiert wird und Benutzer dies nicht können Erkunden Sie die ausgeschlossenen Daten im Internet.Im folgenden bivariaten Diagramm ist beispielsweise das Kontrollkästchen „Einbeziehen“ aktiviert (in JMP auf der linken Seite). Wenn Sie also „Männchen“ auswählen, sind dies die einzigen angezeigten Punkte und die einzigen Werte, die bei der Anpassung der Linie berücksichtigt werden. Der interaktive HTML-Export dieses Diagramms enthält daher nur Männer in seinem Datenfilter (auf der rechten Seite).
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 Bivariat der großen Klasse mit ausschließlich männlichen Einbeziehungen vor dem Export in interaktives HTML Wenn die Absicht bestand, dem Benutzer die Erkundung sowohl männlicher als auch weiblicher Körpergrößen zu ermöglichen, Sie aber ursprünglich die Aufmerksamkeit auf die männlichen Personen lenken wollten, deaktivieren Sie das Kontrollkästchen „Einbeziehen“, bevor Sie die männlichen Größen auswählen und exportieren (wie in JMP links gezeigt).Hier sehen Sie, dass das ursprüngliche Diagramm in Interactive HTML zwar dasselbe ist wie beim ersten Mal, der Datenfilter jedoch sowohl Männer als auch Frauen umfasst und Sie durch Filtern den gesamten Datensatz oder jedes Geschlecht einzeln untersuchen können.
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. Durch Deaktivieren des Kontrollkästchens „Einschließen“ können Sie zunächst nur die Männer anzeigen, dem Benutzer aber dennoch die Möglichkeit geben, den gesamten Datensatz zu erkunden. Treemap ist ein wichtiges grafisches Werkzeug zur Analyse hierarchischer Daten.Unten sehen Sie eine Baumkarte, die aus dem Cities-Datensatz aus der Sample Data-Bibliothek unter Verwendung des standardmäßig ausgewählten Split-Algorithmus erstellt wurde.
Treemap of Cities data sized by lead levelsTreemap of Cities data sized by lead levelsBaumkarte der Städtedaten, sortiert nach Lead-Ebenen
Der Split-Algorithmus erstellt eine Baumkarte mit Zellen, die nach den Namen der Zellgruppierungen sortiert sind.Alternativ kann der Squarify-Algorithmus ausgewählt werden, um eine Baumkarte zu erstellen, die die Zellen nach ihrer Größe ordnet, in diesem Fall den Leitebenen der Städte.
Treemap of the Cities by lead levels using the squarify algorithmTreemap of the Cities by lead levels using the squarify algorithmBaumkarte der Städte nach Lead-Ebenen unter Verwendung des Squarify-Algorithmus
Exportierte HTML-Baumkarten unterstützen alle Optionen, die Sie vor dem Export aus JMP in JMP 14 festgelegt haben. In Kombination mit lokalen Datenfiltern können Sie so Baumkarten und andere Diagrammtypen im Web erkunden.
So teilen Sie mit JMP
In früheren Präsentationen wurde gezeigt, wie man JMP-Berichte in interaktivem HTML unter Windows mit der Menüoption „Datei -> Speichern unter“ und auf dem Mac mit „Exportieren“ speichert Interaktives HTML() speichern JSL-Befehl zum Erstellen dieses Inhalts aus einem Skript [3].Sie können kraftvoll kreieren Dashboards entweder über Dashboard Builder oder mithilfe von Kombinieren Sie Windows Funktionen wie in unserem gezeigt Online-Beispiele .Aber wie teilt man diese Berichte am besten?
Die Antwort auf diese Frage hängt davon ab, wie weit Sie die Datei teilen möchten.Innerhalb eines internen Netzwerks ist möglicherweise ein einfaches, gemeinsam genutztes Netzwerklaufwerk die beste Lösung. Manchmal blockieren E-Mail-Einstellungen HTML-Inhalte oder zwingen den Benutzer, einen großen Anhang auf seinen persönlichen Computer oder sein Mobilgerät herunterzuladen.Es gibt eine Vielzahl von Online-Filesharing-Diensten, die Unterstützung variiert jedoch.Stand September 2017, Dropbox rendert keine HTML-Inhalte mehr .Ebenfalls, Google Drive hat diese Funktion im Jahr 2015 eingestellt .Zum jetzigen Zeitpunkt können wir keinen Dateifreigabedienst als zuverlässige Methode zum Austausch gerenderter HTML-Inhalte empfehlen – Sie können die Dateien freigeben, sie müssen jedoch heruntergeladen werden oder können als Textdatei angezeigt werden, was wir eigentlich tun würden Am liebsten klicken Sie auf einen Link und sehen sich den Bericht an.
Für Kunden, die sich nicht damit auskennen, einen voll funktionsfähigen Webserver selbst zu verwalten, gibt es mehrere Hosting-/Webdesign-Websites, die eine schnelle Entwicklung von Websites mit geringen Programmierkenntnissen anbieten. Ein HTML-Element namens Inline-Frame oder Iframe kann verwendet werden, um den Inhalt einer Webseite in eine andere Seite einzubetten. Beispielsweise erlaubt die JMP-Community Iframes, Inhalte einzubetten.Allerdings kann es sein, dass der Anbieter Ihrer Wahl keine Iframes in seinem System zulässt.Wenn die Webseite in HTTPS bereitgestellt wird, können Sie HTTP-Inhalte nicht in einem Iframe hosten. Dies ist ein Szenario namens „ Gemischter Inhalt “, und es handelt sich um ein Sicherheitsmerkmal moderner Browser.Dies kann angesichts des von Ihnen verwendeten Frameworks eine praktikable Lösung für Sie sein, aber wie die Kundengeschichte unten zeigt, kann es einige Arbeit erfordern.
Coral Reef-Kundengeschichte
Die Möglichkeit, Daten auszutauschen, macht sich bei unseren Kunden bereits bemerkbar.Eine Geschichte ist Dr. Anderson Mayfields Forschung zur Korallenriffdiagnostik [4] . Nachdem er jahrelang Daten von Korallenriffen auf der ganzen Welt gesammelt hatte, erstellte er eine Website, um seine Daten und Analysen mit JMP zu teilen, damit ähnliche Wissenschaftler oder Statistiker bei der Vorhersage der Gesundheit von Korallenriffen in einem sich ändernden globalen Klima zusammenarbeiten können. Seine Website wird auf SquareSpace gehostet.
Dr Anderson B. Mayfield's webpageDr Anderson B. Mayfield's webpage Dr. Anderson B. Mayfields Webseite Er konsultierte die JMP-Community, um Ratschläge zur Einbettung von JMP Interactive HTML-Berichten in seine Website zu erhalten, die von SquareSpace offenbar nicht direkt unterstützt wurden [5]. Dank der Antworten unserer Community und insbesondere eines unserer Hauptsoftwareentwickler, Nascif Abousalh-Neto, erfuhr er, dass er durch das Hosten seiner interaktiven HTML-Dateien auf Amazon S3 und die Verwendung eines Iframes interaktive HTML-Berichte in die Mitte einbetten konnte eine Seite, auf der die gesammelten Daten beschrieben werden.
Mit der Veröffentlichung von JMP 14.2 und der Verfügbarkeit von JMP Public wird er nun in der Lage sein, dasselbe mit JMP Interactive HTML-Berichten zu tun, die erweiterte Funktionen bieten, die durch die Verbindung zu einem Live-JMP-Server ermöglicht werden.Benutzer können auf JMP Public direkt auf den Bericht verlinken, oder das System ermöglicht die einfache Einbettung des Berichts in andere Plattformen, einschließlich der Generierung des Iframe-HTML-Markups zum Einfügen in eine andere Webseite.Im Gegensatz zum eigenständigen interaktiven HTML können Daten ausgeschlossen oder eingeschlossen werden, wobei der JMP-Server die Analyse übernimmt und die aktualisierten Ergebnisse in derselben Weboberfläche anzeigt, die Sie gewohnt sind, jedoch mit einer eleganten neuen Benutzeroberfläche für JMP Public.
Um einen auf JMP Public veröffentlichten Bericht zu teilen, klicken Sie einfach oben auf der Seite auf das Teilen-Symbol und wählen Sie „Code einbetten (iframe)“, wie unten gezeigt:
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. Das Einbetten eines Iframes interaktiver HTML-Berichte, die auf JMP Public veröffentlicht werden, ist einfach. Dadurch wird der HTML-Code zum Erstellen eines Iframe-Tags auf Ihrer Webseite in Ihrer Zwischenablage abgelegt, wie hier gezeigt:
<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>
Fügen Sie diesen Code einfach an der Stelle Ihrer HTML-Seite ein, an der er angezeigt werden soll, wie unten für die Live-Version des am Anfang des Artikels gezeigten Bildes geschehen, und Sie erhalten interaktiven Inhalt, der auf Ihrer Seite gerendert wird.
Abschluss
Interaktives HTML ist mittlerweile für vier JMP-Versionen verfügbar. Wir hoffen, dass Sie interessante Möglichkeiten gefunden haben, es zu nutzen, wie Dr. Anderson Mayfields Bemühungen, bei der Suche nach Möglichkeiten zur Verbesserung der Gesundheit von Korallenriffen auf der ganzen Welt zusammenzuarbeiten. Wir würden gerne von Ihren Erfolgen und Herausforderungen hören und Ihnen bei der Zusammenarbeit mit interaktiven HTML-Berichten und Dashboards von JMP helfen.Bitte besuchen Sie die Interaktive HTML-Beispiele oder erkunden Sie die Beispiele aus diesem Artikel über JMP Public .
Verweise
[1] Becker R. und Cleveland W. (1987). „Brushing Scatterplots“, Technometrie , 127-142.
[2] Stützle W. (1987). „Plotfenster“, Zeitschrift der 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
