(Ursprünglich als Teil der JMP Discovery Americas 2019 BetaLab)
Einführung
Beginnend mit JMP 15, Hover-Label-Erweiterungen Benutzer können die in Hover-Labels angezeigten Informationen anpassen und erweitern. Benutzer können datengesteuerte, markupbasierte Rich-Text-Absätze hinzufügen, um den Visualisierungskonsumenten die zugrunde liegenden Daten zu beschreiben. Hinzufügen, Entfernen, Neuformatieren und Gestalten der einzelnen Einträge des Hover-Labels; 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 Erkundungsworkflow verbessern können.
Trinkgeld: Jede Aufgabe wird als Tabellenskript mit einer entsprechenden „(endgültigen)“ Version implementiert, die das gewünschte Ergebnis der Übung darstellt. Wenn Sie versehentlich ein Fenster schließen, können Sie diese Skripte verwenden, um sie neu zu erstellen.
Aufgabe 1 (Rich-Text-Anpassung mithilfe von 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 Staaten veröffentlicht.
- Bewegen Sie den Mauszeiger über die Karte und beobachten Sie, wie die Hover-Beschriftungen sowohl eine Beschreibung des zugehörigen Status als auch ein repräsentatives Bild enthalten.
Abbildung 1 Hover-Etikett mit Beschreibung und Miniaturansicht.
- Die Beschreibung kann etwas lang und schwer zu lesen sein. Lass uns das Neue benutzen Textlet Erweiterung, um das zu verbessern. Klicken Sie mit der rechten Maustaste auf den Diagrammhintergrund, um den Hover-Label-Editor unter zu öffnen Hover-Label RMB-Menüeintrag.
Abbildung 2 Menüeintrag Hover Label Editor
- Wählen Sie im linken Bereich Textlet aus. Überprüfen Sie die Bedienfelder, um festzustellen, wie der Inhalt definiert ist (JSL-Variablen) und wie er für die Anzeige formatiert wird (HTML-Markup).
Trinkgeld :: 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 Übernehmen klicken.
- Reduzieren Sie die Länge des Inhalts, indem Sie ihn mithilfe von JSL auf eine Tweet-Größe kürzen. 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 aus, 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, um verschiedene Konfigurationen für den Beschreibungsblock auszuprobieren. Versuchen Sie, den Text fett zu machen, verwenden Sie andere Textfarben oder fügen Sie Ihren eigenen Text hinzu.
Aufgabe 2 (Inhaltserweiterung mithilfe von Gridlets)
- Gehen Sie zurück zur Datentabelle (CrimeData_Tucson2019.jmp) und führen Sie das Tabellenskript aus Schritt 2 Es wird eine Zeitreihenvisualisierung gestartet, die die durchschnittliche Anzahl von vier Kriminalitätskategorien (Mord, Raub, Einbruch und Diebstahl) im Laufe der Zeit zeigt.
Abbildung 3 Kriminalzeitreihen
- Das Hover-Label enthält die durchschnittliche Anzahl der Vorkommen für die zugrunde liegende Kriminalitätsart in einem bestimmten Jahr. Verwenden wir die Gridlet Erweiterung um Werte für alle anderen Jahre und Verbesserung der Anzeige.
- Öffnen Sie erneut den Hover Label Editor. Wählen Sie diesmal die Option Gridlet 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 die Option Index aus, und geben Sie den gewünschten Eintragsindex als Zieleingabewert an.
Trinkgeld :: Klicken Sie auf Hinzufügen, um jede Auswahl aufzuzeichnen, bevor Sie auf Übernehmen oder OK klicken, um sie zu speichern.
- Verwenden Sie das Stilbedienfeld, um die Schriftgröße des Jahreswerts zu erhöhen.
- Verwenden Sie das Anhängen-Bedienfeld, um einen Eintrag für jeden Kriminalitätstyp hinzuzufügen. Verwenden Sie Target, um den Eintragsnamen und den folgenden JSL-Ausdruck für Value anzugeben, und ändern Sie das erste Argument entsprechend dem Kriminalitätstyp:
::mr << getMetric( "Murder", Namespace( "Local" ) )
- Sobald Sie fertig sind, sollte das Hover-Label folgendermaßen aussehen:
Abbildung 4 Hover-Label mit Gridlet-Änderungen
Aufgabe 3 (Eingebettete Diagramme und Drilldown mit Graphlets)
- Wechseln Sie zurück zur Kartenvisualisierung und bewegen Sie den Mauszeiger über einen Status. Beachten Sie, wie das Hover-Label ein statisches Bild anzeigt. Verwenden wir die Graphlet Erweiterung zur Anzeige einer informativen Datenvisualisierung.
- Sie können eine dynamisch konfigurierte Visualisierung einfügen ( voreingestellt ), indem Sie eine der Optionen unter dem Diagramm verwenden Hover-Label RMB-Menü. Probieren Sie beispielsweise die Heatmap-Option aus. Sie sollten ein Hover-Label wie dieses sehen:
Abbildung 5 Hover-Etikett mit Heatpap-Grafik
- Vergleichen Sie die Heatmaps von North Dakota und Florida. Was können Sie über das Bevölkerungswachstum dieser Staaten sagen?
Trinkgeld :: 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) die Option Skript speichern> In Zwischenablage
Abbildung 6 In Zwischenablage speichern, um sie als Graphlet einzufügen
- Wechseln Sie nun zurück zur Karte und unter der Grafik Hover-Label RMB-Menü auswählen Paste Graphlet .
- Stellen Sie sicher, dass auf dem Karten-Hover-Label jetzt die Kriminalzeitreihen für den zugeordneten Status angezeigt werden. Können Sie die Kriminalzeitreihen für North Dakota und Florida vergleichen?
