849867_de-DE

liliconcom

Teilen interaktiver Webberichte in JMP® 14 (US 2018 132)

Niveau: Anfänger
Josh Markwordt, JMP-Softwareentwickler, SAS
John Powell, JMP-Hauptsoftwareentwickler, SAS

Interaktives HTML unterstützt viele der explorativen Funktionen von JMP, darunter Punktidentifikation, Verknüpfen, Brushing und – neu in JMP 14 – Datenfilterung. Gespeicherte Berichte können mit Kollegen geteilt oder auf einen Webserver hochgeladen und in jedem modernen Webbrowser angezeigt werden. Neben der Datenfilterung unterstützt interaktives HTML in JMP 14 auch die Treemap im Graph Builder. Dieses Dokument zeigt, wann und wie interaktives HTML zum Teilen und Erkunden von JMP-Ergebnissen eingesetzt 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 JMP noch nicht nutzen. Das Internet ist ein idealer Ort für die Anzeige dieser Berichte und der Ort, an dem heutzutage die Zusammenarbeit stattfindet. In diesem Vortrag geben wir Ihnen einen Überblick über die neuen Funktionen von JMP 14 für Interactive HTML, geben Tipps zum Teilen von JMP Interactive-HTML-Berichten im Internet und stellen die Arbeit eines Meeresbiologen vor, der Interactive HTML von JMP nutzt, um seine Forschungsergebnisse zu teilen und gemeinsam daran zu arbeiten.

Diamond Price vs. Carat Weight, Filtered by ColorDiamantpreis vs. Karatgewicht, gefiltert nach Farbe Diamantpreis vs. Karatgewicht, gefiltert nach Farbe Diamantpreis vs. Karatgewicht, gefiltert nach Farbe

JMP 14-Funktionen

JMP bietet zahlreiche Plattformen und Tools zur Analyse Ihrer Daten. Mit jeder neuen Version haben wir die Ausgabefunktionen erweitert, um Ihnen die Analyse und Freigabe Ihrer Daten im Web zu erleichtern. In JMP 14 wurde die Treemap zur Graph Builder-Ausgabe hinzugefügt. Außerdem steht Ihnen ein Datenfilter mit Ausblenden- und Auswählen-Funktion zur Analyse Ihrer Daten zur Verfügung.

Interaktive HTML-Berichte unterstützen viele der explorativen Funktionen von JMP. Einzelne Punkte oder Grafikelemente lassen sich durch Tooltips identifizieren, die beim Bewegen des Mauszeigers über den Punkt auf dem Desktop oder durch Antippen des Elements auf einem mobilen Gerät angezeigt werden. Wie in JMP sind Diagramme verknüpft, sodass ausgewählte Zeilen in einem Diagramm in allen Diagrammen hervorgehoben werden [1,2].

Selecting multiple objects and linking between graphical elements Auswählen mehrerer Objekte und Verknüpfen grafischer Elemente Auswählen mehrerer Objekte und Verknüpfen grafischer Elemente Auswählen mehrerer Objekte und Verknüpfen grafischer Elemente Indem Sie die verschiedenen oben auf der Seite angezeigten Modi nutzen und auf den zweiten Umschaltknopf klicken oder tippen, können Sie ein Rechteck ziehen, um Zeilen in Diagrammen auszuwählen. Dies wird als „Brushing“ bezeichnet und ist eine wichtige Technik zur Untersuchung multivariater Daten [1]. Brushing points to explore the data Punkte zum Erkunden der Daten mit dem Pinsel Punkte zum Erkunden der Daten mit dem Pinsel Punkte zum Erkunden der Daten mit dem Pinsel

Neu in JMP 14 ist die Möglichkeit, nach einer Spalte oder einer Spaltenkombination zu filtern. Wählen Sie dazu zunächst den Menüpunkt „Lokaler Datenfilter“ aus dem roten Dreieckmenü eines beliebigen JMP-Berichts, wählen Sie eine oder mehrere Spalten aus und klicken Sie auf „Hinzufügen“. Steuerelemente für kategorische und kontinuierliche Filter werden unterstützt und mit Verteilungen versehen. JMP 14 unterstützt alle Kombinationen von UND- und ODER-Logik, um die Erstellung komplexer Filter zu ermöglichen. Die Auswahl- und Ausblende-Zustände werden überall einheitlich unterstützt, was den Lernprozess für Benutzer erleichtert, die JMP nicht kennen.

Wichtig zu beachten: Das Ausschließen/Einschließen von Daten wird in der interaktiven HTML-Ausgabe bei der Veröffentlichung in einer Datei nicht unterstützt. Das bedeutet, dass beim Ausschließen von Zeilen in JMP nur die Teilmenge der eingeschlossenen Zeilen exportiert wird und Benutzer die ausgeschlossenen Daten nicht im Web einsehen können. Beispielsweise ist im untenstehenden bivariaten Diagramm das Kontrollkästchen „Einschließen“ aktiviert (in JMP auf der linken Seite). Durch die Auswahl von „Männlich“ werden nur diese Punkte angezeigt und beim Anpassen der Linie berücksichtigt. Der interaktive HTML-Export dieses Diagramms enthält daher nur „Männlich“ im Datenfilter (auf der rechten Seite). Bivariate of Big Class with only Males included before exporting to Interactive HTML Bivariate der großen Klasse mit nur eingeschlossenen Männern vor dem Exportieren ins interaktive HTML Bivariate der großen Klasse mit nur eingeschlossenen Männern vor dem Exportieren ins interaktive HTML Bivariate der großen Klasse mit nur eingeschlossenen Männern vor dem Exportieren ins interaktive HTML Wenn der Benutzer sowohl die Körpergröße von Männern als auch von Frauen untersuchen sollte, Sie aber zunächst die Aufmerksamkeit auf die Männer lenken wollten, deaktivieren Sie das Kontrollkästchen „Einschließen“, bevor Sie die Männer auswählen und exportieren (wie in JMP links gezeigt). Hier sehen Sie, dass der Datenfilter sowohl Männer als auch Frauen umfasst, obwohl das anfängliche Diagramm in interaktivem HTML dasselbe ist wie beim ersten Mal, 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. Wenn Sie das Kontrollkästchen „Einschließen“ deaktivieren, können Sie zunächst nur die Männer anzeigen, dem Benutzer aber trotzdem den gesamten Datensatz erkunden lassen. Wenn Sie das Kontrollkästchen „Einschließen“ deaktivieren, können Sie zunächst nur die Männer anzeigen, dem Benutzer aber trotzdem den gesamten Datensatz erkunden lassen. Wenn Sie das Kontrollkästchen „Einschließen“ deaktivieren, können Sie zunächst nur die Männer anzeigen, dem Benutzer aber trotzdem den gesamten Datensatz erkunden lassen. Treemap ist ein wichtiges grafisches Tool zur Analyse hierarchischer Daten. Unten sehen Sie eine Treemap, die aus dem Datensatz „Städte“ der Beispieldatenbibliothek mit dem standardmäßig ausgewählten Split-Algorithmus erstellt wurde.

Treemap of Cities data sized by lead levelsTreemap der Städtedaten, sortiert nach Bleigehalt Treemap der Städtedaten, sortiert nach Bleigehalt Treemap der Städtedaten, sortiert nach Bleigehalt

Der Split-Algorithmus erstellt eine Treemap mit Zellen, die nach den Namen der Zellgruppen sortiert sind. Alternativ kann der Squarify-Algorithmus gewählt werden, um eine Treemap zu erstellen, die die Zellen nach ihrer Größe sortiert, in diesem Fall nach den Bleiwerten der Städte.

Treemap of the Cities by lead levels using the squarify algorithmTreemap der Städte nach Bleiniveaus unter Verwendung des Squarify-Algorithmus Treemap der Städte nach Bleiniveaus unter Verwendung des Squarify-Algorithmus Treemap der Städte nach Bleiniveaus unter Verwendung des Squarify-Algorithmus

Exportierte HTML-Treemaps unterstützen alle Optionen, die Sie vor dem Exportieren aus JMP in JMP 14 festgelegt haben. In Kombination mit lokalen Datenfiltern können Sie so Treemaps und andere Diagrammtypen im Web erkunden.

So teilen Sie mit JMP

Frühere Präsentationen zeigten, wie man JMP-Berichte in interaktivem HTML speichert – unter Windows über die Menüoption „Datei“ -> „Speichern unter“ und auf dem Mac über „Exportieren“. Außerdem wurde der JSL-Befehl „ Interaktives HTML speichern()“ gezeigt, um diese Inhalte aus einem Skript zu erstellen [3]. Leistungsstarke Dashboards lassen sich entweder mit dem Dashboard Builder oder mithilfe der Funktionen von „Windows kombinieren“ erstellen, wie in unseren Online-Beispielen gezeigt. Doch 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 ein einfaches freigegebenes Netzlaufwerk möglicherweise die beste Lösung. Manchmal blockieren E-Mail-Einstellungen HTML-Inhalte oder zwingen den Benutzer, einen großen Anhang auf seinen privaten Computer oder sein Mobilgerät herunterzuladen. Es gibt eine Vielzahl von Online-Filesharing-Diensten, aber die Unterstützung variiert. Seit September 2017 rendert Dropbox keine HTML-Inhalte mehr . Auch Google Drive hat diese Funktion 2015 abgeschafft . Zum jetzigen Zeitpunkt können wir einen Filesharing-Dienst nicht als zuverlässige Methode zum Austausch gerenderter HTML-Inhalte empfehlen – Sie können die Dateien teilen, aber sie müssen heruntergeladen werden oder werden möglicherweise als Textdatei angezeigt, obwohl wir eigentlich nur auf einen Link klicken und den Bericht anzeigen möchten.

Für Kunden, die sich nicht mit der Verwaltung eines voll funktionsfähigen Webservers selbst auskennen, gibt es verschiedene Hosting-/Webdesign-Anbieter, die die schnelle Entwicklung von Websites mit geringen Programmierkenntnissen versprechen. Ein HTML-Element namens Inline-Frame oder Iframe kann verwendet werden, um den Inhalt einer Webseite in eine andere einzubetten. Die JMP Community erlaubt beispielsweise Iframes zum Einbetten von Inhalten. Ihr Anbieter lässt jedoch möglicherweise keine Iframes zu. Wenn die Webseite über HTTPS bereitgestellt wird, können Sie keine HTTP-Inhalte in einem Iframe hosten. Dies wird als „ gemischter Inhalt “ bezeichnet und ist eine Sicherheitsfunktion moderner Browser. Angesichts des von Ihnen verwendeten Frameworks kann dies eine praktikable Lösung für Sie sein, aber wie der folgende Kundenbericht zeigt, kann dies etwas Aufwand erfordern.

Coral Reef Kundengeschichte

Die Möglichkeit, Daten zu teilen, zeigt bereits positive Auswirkungen auf unsere Kunden. Ein Beispiel hierfür ist Dr. Anderson Mayfields Forschung zur Korallenriffdiagnostik [4] . Nachdem er jahrelang Daten von Korallenriffen weltweit gesammelt hatte, erstellte er eine Website, auf der er seine Daten und Analysen mithilfe von JMP teilte. So konnten Wissenschaftler und Statistiker gemeinsam den Gesundheitszustand von Korallenriffen im globalen Klimawandel vorhersagen. Seine Website wird auf SquareSpace gehostet. Dr Anderson B. Mayfield's webpage Webseite von Dr. Anderson B. Mayfield Webseite von Dr. Anderson B. Mayfield Webseite von Dr. Anderson B. Mayfield Er fragte die JMP-Community um Rat, wie er interaktive JMP-HTML-Berichte in seine Webseite einbetten könne, was von SquareSpace offenbar nicht direkt unterstützt wurde [5]. Dank der Antworten unserer Community und insbesondere eines unserer eigenen leitenden Softwareentwickler, 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 einer Seite einbetten konnte, die die gesammelten Daten beschreibt.

Mit der Veröffentlichung von JMP 14.2 und der Verfügbarkeit von JMP Public ist dies nun auch mit interaktiven JMP-HTML-Berichten möglich. Diese bieten erweiterte Funktionen durch die Verbindung mit einem Live-JMP-Server. Benutzer können direkt auf den Bericht in JMP Public verlinken oder ihn einfach in andere Plattformen einbetten, 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 eingefügt werden. Der JMP-Server übernimmt die Analyse und zeigt die aktualisierten Ergebnisse in der gewohnten Weboberfläche an, jedoch mit einer eleganten neuen Benutzeroberfläche für JMP Public.

Um einen in JMP Public veröffentlichten Bericht freizugeben, klicken Sie einfach oben auf der Seite auf das Symbol „Freigeben“ und wählen Sie „Einbettungscode (iframe)“ aus, wie unten gezeigt: Embedding an iframe of interactive HTML reports published on JMP Public is easy. Das Einbetten eines Iframes aus interaktiven HTML-Berichten, die auf JMP Public veröffentlicht wurden, ist ganz einfach . Dadurch wird der HTML-Code zum Erstellen eines Iframe -Tags innerhalb Ihrer Webseite in die Zwischenablage eingefügt, wie hier zu sehen:

<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 in Ihre HTML-Seite ein, an der er erscheinen soll, wie es unten für die Live-Version des am Anfang des Dokuments gezeigten Bildes getan wurde, und Sie erhalten interaktive Inhalte, die auf Ihrer Seite gerendert werden.

Abschluss

Interaktives HTML ist mittlerweile für vier JMP-Versionen verfügbar. Wir hoffen, Sie haben interessante Einsatzmöglichkeiten gefunden, wie beispielsweise Dr. Anderson Mayfields Bemühungen, gemeinsam mit anderen die Gesundheit von Korallenriffen weltweit zu verbessern. Wir freuen uns über Ihre Erfolge und Herausforderungen und unterstützen Sie gerne bei der Zusammenarbeit mit interaktiven HTML-Berichten und Dashboards von JMP. Besuchen Sie die interaktiven HTML-Beispiele oder erkunden Sie die Beispiele in diesem Dokument auf JMP Public .

Verweise

[1] Becker R. und Cleveland W. (1987). „Brushing Scatterplots“, Technometrics , 127-142.

[2] Stützle 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