(Ursprünglich vertrieben als Teil der JMP Discovery Americas 2019 BetaLab)
Einführung
Beginnend mit JMP 15, Hover-Label-Erweiterungen ermöglichen es Benutzern, die in Hover-Labels angezeigten Informationen anzupassen und zu erweitern. Benutzer können datengesteuerte, Markup-basierte Rich-Text-Absätze hinzufügen, um die zugrunde liegenden Daten für die Visualisierungskonsumenten zu beschreiben; einzelne Einträge der Hover-Beschriftung hinzufügen, entfernen, neu formatieren und gestalten; und Visualisierungen einbetten, die nicht nur einen zusätzlichen Einblick in die zugrunde liegenden Daten bieten, sondern auch in eigenen Fenstern gestartet werden können, um die Datenexploration weiter voranzutreiben.
In dieser Übung werden wir es versuchen Hover-Label-Erweiterungen und sehen Sie, wie sie Ihren explorativen Arbeitsablauf verbessern können.
Tipp: Jede Aufgabe ist als Tabellenskript implementiert, mit einer entsprechenden „(Final)“-Version, die das gewünschte Ergebnis der Übung veranschaulicht. Wenn Sie ein Fenster versehentlich schließen, können Sie diese Skripts verwenden, um es neu zu erstellen.
Aufgabe 1 (Rich-Text-Anpassung mit Textlets)
- Öffnen Sie die Tabelle CrimeData_Tucson2019.jmp in der Hover-Label-Erweiterungen Ordner auf dem Desktop
- Führen Sie das Tabellenskript aus Schritt 1. Es wird eine Karte der USA mit nach Kriminalitätsrate gefärbten Bundesstaaten starten.
- Bewegen Sie den Mauszeiger über die Karte und beobachten Sie, wie die Hover-Beschriftungen sowohl eine Beschreibung des zugehörigen Zustands als auch ein repräsentatives Bild enthalten.
Abbildung 1 Hover-Label mit Beschreibung und Miniaturansicht.
- Die Beschreibung kann etwas lang und schwer zu lesen sein. Nutzen wir das Neue Kurztext Erweiterung, um das zu verbessern. Klicken Sie mit der rechten Maustaste auf den Diagrammhintergrund, um den Hover-Label-Editor zu öffnen, der sich unter befindet Hover-Label RMB-Menüeintrag.
Abbildung 2 Menüeintrag Hover Label Editor
- Wählen Sie im linken Seitenbereich Textlet aus. Untersuchen Sie die Bedienfelder, um zu sehen, wie der Inhalt definiert ist (JSL-Variablen) und dann wie er für die Anzeige formatiert ist (HTML-Markup).
Tipp : Wenn Sie ein Hover-Label an die Karte anheften, können Sie die Ergebnisse Ihrer Änderungen sehen, sobald Sie im Hover-Label-Editor auf die Schaltfläche Anwenden klicken.
- Reduzieren Sie die Länge des Inhalts, indem Sie ihn mithilfe von JSL auf eine Tweet-Größe kürzen, zum Beispiel:
local:text = Substr( ::wr << getDescription( local:_state ), 1, 140 ) || "..."
- Ändern Sie das Markup, um den Text besser lesbar zu machen. Wählen Sie beispielsweise eine andere Schriftart, erhöhen Sie die Schriftgröße und verwenden Sie eine hellere Hintergrundfarbe:
<BACKGROUND color="white"><FONT family="Arial" size="12">{local:text}</FONT></BACKGROUND>
- Spielen Sie mit der Inhaltsgenerierung und dem Markup herum, um verschiedene Konfigurationen für den Beschreibungsblock auszuprobieren. Versuchen Sie, den Text fett zu formatieren, verwenden Sie andere Textfarben oder fügen Sie Ihren eigenen Text hinzu.
Aufgabe 2 (Inhaltserweiterung mit Gridlets)
- Gehen Sie zurück zur Datentabelle (CrimeData_Tucson2019.jmp) und führen Sie das Tabellenskript aus Schritt 2 .Es wird eine Zeitreihenvisualisierung starten, die die durchschnittliche Anzahl von vier Kriminalitätskategorien (Mord, Raub, Einbruch und Diebstahl) im Laufe der Zeit zeigt.
Abbildung 3 Kriminalzeitreihe
- Das Hover-Label enthält die durchschnittliche Anzahl von Vorfällen für die zugrunde liegende Kriminalitätsart in einem bestimmten Jahr. Nutzen wir die Grillchen Erweiterung um Werte für alle anderen Jahre und Verbesserung der Darstellung.
- Öffnen Sie erneut den Hover Label Editor; Wählen Sie dieses Mal die Gridlet-Option im linken Seitenbereich.
- Verwenden Sie das Bedienfeld „Löschen“, um den ersten und den dritten Eintrag zu entfernen. Wählen Sie im Feld „Übereinstimmungskriterien“ in der Typauswahl „Index“ aus und geben Sie den gewünschten Eintragsindex als Zieleingabewert an.
Tipp : Klicken Sie auf Hinzufügen, um jede Auswahl aufzuzeichnen, bevor Sie auf Anwenden oder OK klicken, um sie zu speichern.
- Verwenden Sie das Stilbedienfeld, um die Schriftgröße des Jahreswerts zu erhöhen.
- Verwenden Sie das Bedienfeld „Anhängen“, um einen Eintrag für jede Kriminalitätsart hinzuzufügen. Verwenden Sie Ziel, um den Eintragsnamen und den folgenden JSL-Ausdruck für Wert anzugeben, und ändern Sie das erste Argument so, dass es mit dem Verbrechenstyp übereinstimmt:
::mr << getMetric( "Murder", Namespace( "Local" ) )
- Wenn Sie fertig sind, sollte das Hover-Label so aussehen:
Abbildung 4 Hover-Label mit Gridlet-Änderungen
Aufgabe 3 (Eingebettete Grafiken und Drilldown mit Graphlets)
- Wechseln Sie zurück zur Kartenvisualisierung und bewegen Sie den Mauszeiger über ein Bundesland. Beachten Sie, wie das Hover-Label ein statisches Bild anzeigt. Nutzen wir die Diagramm Erweiterung zur Anzeige einer informativen Datenvisualisierung.
- Sie können eine dynamisch konfigurierte Visualisierung einfügen ( voreingestellt ), indem Sie eine der Optionen unter der Grafik verwenden Hover-Label RMB-Menü. Probieren Sie zum Beispiel die Heatmap-Option aus. Sie sollten ein Hover-Label wie dieses sehen:
Abbildung 5 Hover-Label mit Heatmap-Graphlet
- Vergleichen Sie die Heatmaps von North Dakota und Florida. Was können Sie über das Bevölkerungswachstum dieser Staaten sagen?
Tipp : Sie können ein eingebettetes Diagramm in einem eigenen Fenster öffnen, indem Sie darauf klicken.
- Sie können auch Ihre eigenen Visualisierungen als Graphlet-Vorlagen verwenden. Wechseln Sie zum Zeitreihenfenster und wählen Sie im Menü Little Red Triangle (LRT) aus Skript speichern > In Zwischenablage
Abbildung 6 In Zwischenablage speichern, um als Graphlet einzufügen
- Wechseln Sie nun zurück zur Karte und unter den Graphen Hover-Label RMB-Menü auswählen Graphlet einfügen .
- Vergewissern Sie sich, dass die Hover-Beschriftung der Karte jetzt die Zeitreihe der Kriminalität für den zugehörigen Staat anzeigt. Können Sie die Kriminalitätszeitreihen für North Dakota und Florida vergleichen?
