Livello: principiante
Josh Markwordt, JMP Software Developer, SAS
John Powell, Principal Software Developer di JMP, SAS
L'HTML interattivo supporta molte delle funzionalità esplorative di JMP, tra cui l'identificazione dei punti, il collegamento, lo spazzolamento e, novità di JMP 14, il filtro dei dati. I rapporti salvati possono essere condivisi con i colleghi o caricati su un server Web per essere visualizzati in qualsiasi browser Web moderno. Oltre al supporto per il filtraggio dei dati, l'HTML interattivo in JMP 14 aggiunge il supporto per la mappa ad albero in Graph Builder. Questo documento dimostra quando e come utilizzare l'HTML interattivo per condividere ed esplorare i risultati di JMP.
introduzione
Dall'inizio del progetto HTML interattivo in JMP 11, il nostro obiettivo è stato quello di rendere la grafica ricca e la potente analisi di JMP accessibili a coloro che non hanno ancora JMP. Il Web è un luogo naturale per visualizzare questi rapporti e il luogo in cui la collaborazione viene svolta nell'era moderna.In questo discorso forniremo una panoramica delle nuove funzionalità di JMP 14 per HTML interattivo, forniremo suggerimenti su come condividere report HTML interattivi di JMP sul Web e condivideremo il lavoro svolto da un biologo marino che utilizza l'HTML interattivo di JMP per condividere e collabora alla sua ricerca.
Diamond Price vs. Carat Weight, Filtered by ColorPrezzo del diamante rispetto al peso in carati, filtrato per colore
Caratteristiche di JMP 14
JMP ha molte piattaforme e strumenti per analizzare i tuoi dati e in ogni versione abbiamo cercato di aggiungere funzionalità aggiuntive al nostro output per aiutarti nella tua capacità di esplorare e condividere i tuoi dati sul web.In JMP 14 la mappa ad albero è stata aggiunta all'output di Graph Builder ed è disponibile un filtro dati con Nascondi e seleziona per esplorare i dati.
I report HTML interattivi supportano molte delle funzioni esplorative di JMP.I singoli punti o elementi grafici possono essere identificati tramite i suggerimenti visualizzati quando si passa con il mouse sul punto sul desktop o toccando l'elemento su un dispositivo mobile.Proprio come in JMP, i grafici sono collegati in modo che le righe selezionate in un grafico siano evidenziate in tutti i grafici [1,2].
Selecting multiple objects and linking between graphical elementsSelezione di più oggetti e collegamento tra elementi grafici Facendo uso delle diverse modalità visualizzate nella parte superiore della pagina e facendo clic o toccando il secondo pulsante di attivazione / disattivazione, è possibile trascinare un rettangolo per selezionare le righe nei grafici. Questo è chiamato spazzolatura , una tecnica importante per esplorare dati multivariati [1].
Brushing points to explore the data Spazzolare i punti per esplorare i dati
Una novità di JMP 14 è la possibilità di filtrare in base a una colonna o una combinazione di colonne.Per prima cosa scegli la voce di menu Filtro dati locali dal menu triangolo rosso di qualsiasi rapporto JMP, seleziona una o più colonne e fai clic su Aggiungi. I controlli per filtri sia categoriali che continui sono supportati e decorati con distribuzioni.In JMP 14, tutte le combinazioni di logica AND e OR sono supportate per consentire la creazione di alcuni filtri complessi.Gli stati seleziona e nascondi sono supportati in modo coerente ovunque, il che facilita la curva di apprendimento per gli utenti che non conoscono JMP.
È importante notare che la capacità di escludere / includere dati non è supportata nell'output HTML interattivo quando pubblicato su un file, il che significa che se le righe vengono escluse in JMP viene esportato solo il sottoinsieme di righe incluse e gli utenti non saranno in grado di farlo esplora i dati esclusi sul web.Ad esempio, il grafico bivariato di seguito ha la casella di controllo "Includi" selezionata (in JMP sul lato sinistro), quindi selezionando Maschi sono gli unici punti visualizzati e gli unici valori presi in considerazione durante l'adattamento della linea. L'esportazione HTML interattiva di questo grafico quindi ha solo Maschi nel suo filtro dati (sul lato destro).
Bivariate of Big Class with only Males included before exporting to Interactive HTML Bivariata di Big Class con solo maschi inclusi prima dell'esportazione in HTML interattivo Se l'intenzione era quella di consentire all'utente di esplorare le altezze sia maschili che femminili ma inizialmente si desiderava attirare l'attenzione sui maschi, deselezionare la casella di controllo "Includi" prima di selezionare i maschi ed esportare (come mostrato in JMP a sinistra).Qui vedrai che sebbene il grafico iniziale sia lo stesso in HTML interattivo della prima volta, il filtro dei dati include sia maschi che femmine e filtrando puoi esaminare l'intero set di dati o entrambi i sessi individualmente.
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset. Deselezionare la casella di controllo Includi consente di mostrare inizialmente solo i maschi, ma consente comunque all'utente di esplorare l'intero set di dati. Treemap è un importante strumento grafico per l'analisi dei dati gerarchici.Di seguito è riportata una mappa ad albero creata dal set di dati Città dalla libreria dei dati di esempio utilizzando l'algoritmo di divisione selezionato per impostazione predefinita.
Treemap of Cities data sized by lead levelsMappa ad albero dei dati delle città dimensionati per livelli di lead
L'algoritmo di divisione crea una mappa ad albero con celle ordinate in base ai nomi dei raggruppamenti di celle.In alternativa, è possibile scegliere l'algoritmo di squarify per creare una mappa ad albero che ordina le celle in base alla loro dimensione, in questo caso i livelli di piombo delle città.
Treemap of the Cities by lead levels using the squarify algorithmMappa ad albero delle città per livelli di piombo utilizzando l'algoritmo di squarify
Le mappe ad albero HTML esportate supportano tutte le opzioni impostate prima di esportare da JMP in JMP 14. In combinazione con i filtri di dati locali, questa funzione consente di esplorare le mappe ad albero e altri tipi di grafici sul Web.
Come condividere con JMP
Le presentazioni precedenti hanno mostrato come salvare i report JMP in HTML interattivo in Windows utilizzando l'opzione di menu File -> Salva con nome e sul Mac utilizzando Esporta, nonché Salva HTML interattivo () Comando JSL per creare questo contenuto da uno script [3].Puoi creare potenti Dashboard tramite Dashboard Builder o utilizzando il Combina Windows caratteristiche come mostrato nel nostro esempi in linea .Ma qual è il modo migliore per condividere questi rapporti?
La risposta a questa domanda dipende da quanto si desidera condividere il file.All'interno di una rete interna, una semplice unità di rete condivisa potrebbe essere il modo migliore. A volte le impostazioni di posta elettronica bloccano il contenuto HTML o costringono l'utente a scaricare un allegato di grandi dimensioni sul proprio computer o dispositivo mobile.Esistono numerosi servizi di condivisione di file online, ma il supporto varia.A partire da settembre 2017, Dropbox non esegue più il rendering del contenuto HTML .Allo stesso modo, Google Drive ha ritirato questa funzione nel 2015 .Al momento, non possiamo suggerire un servizio di condivisione file come metodo affidabile per lo scambio di contenuto HTML sottoposto a rendering: puoi condividere i file, ma devono essere scaricati o possono essere visualizzati come file di testo, quando ciò che vorremmo davvero fare è cliccare su un link e visualizzare il report.
Per i clienti che non si sentono a proprio agio nella gestione di un server web completamente funzionale, esistono diversi siti di hosting / web design che pubblicizzano lo sviluppo rapido di siti web con poca conoscenza della programmazione. Un elemento HTML chiamato inline-frame o iframe può essere utilizzato per incorporare il contenuto di una pagina Web all'interno di un'altra pagina, ad esempio la comunità JMP consente agli iframe di incorporare contenuto.Tuttavia, il provider di tua scelta potrebbe non consentire iframe nel proprio sistema.Se la pagina web è offerta in HTTPS, non puoi ospitare contenuto HTTP in un iframe, questo è uno scenario chiamato " Contenuto misto ", Ed è una funzione di sicurezza dei browser moderni.Questa potrebbe essere una soluzione praticabile per te dato il framework che stai utilizzando, ma come mostra la storia del cliente di seguito potrebbe richiedere del lavoro.
Storia del cliente Coral Reef
La capacità di condividere i dati sta già avendo un impatto con i nostri clienti.Una storia è la ricerca sulla diagnostica della barriera corallina del Dr. Anderson Mayfield [4] . Dopo anni di raccolta di dati dalle barriere coralline di tutto il mondo, ha creato un sito Web per condividere i suoi dati e analisi utilizzando JMP in modo che scienziati o statistici simili potessero collaborare alla previsione della salute delle barriere coralline in un clima globale in evoluzione. Il suo sito è ospitato su SquareSpace.
Dr Anderson B. Mayfield's webpage Pagina web del dottor Anderson B. Mayfield Ha consultato la comunità JMP per consigli su come incorporare i report HTML interattivi di JMP nel suo sito Web, che non sembrava essere supportato direttamente da SquareSpace [5]. Grazie alle risposte della nostra comunità, e in particolare uno dei nostri principali sviluppatori di software, Nascif Abousalh-Neto, ha appreso che ospitando i suoi file HTML interattivi su Amazon S3 e utilizzando un iframe, poteva incorporare report HTML interattivi nel mezzo di una pagina che descrive i dati raccolti.
Con il rilascio di JMP 14.2, ora che JMP Public è disponibile, sarà in grado di fare lo stesso con i report HTML interattivi di JMP che offrono funzionalità avanzate rese possibili attraverso la connessione a un server JMP live.Gli utenti possono collegarsi direttamente al report su JMP Public oppure il sistema semplifica l'incorporamento del report in altre piattaforme, inclusa la generazione del markup HTML iframe da incollare in un'altra pagina Web.A differenza dell'HTML interattivo autonomo, i dati possono essere esclusi o inclusi, affidandosi al server JMP per gestire l'analisi e visualizzare i risultati aggiornati nella stessa interfaccia Web a cui ci si è abituati, ma con una nuova ed elegante interfaccia utente per JMP Public.
Per condividere un report pubblicato su JMP Public, è sufficiente fare clic sull'icona Condividi nella parte superiore della pagina e selezionare "Incorpora codice (iframe)" come mostrato di seguito:
Embedding an iframe of interactive HTML reports published on JMP Public is easy. Incorporare un iframe di report HTML interattivi pubblicati su JMP Public è facile. Questo inserirà il codice HTML per produrre un tag iframe all'interno della tua pagina web negli appunti come mostrato qui:
<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>
Basta incollare questo codice nella tua pagina HTML dove vuoi che appaia, come è stato fatto di seguito per la versione live dell'immagine mostrata all'inizio del documento, e otterrai il contenuto interattivo reso all'interno della tua pagina.
Conclusione
HTML interattivo è ora disponibile per quattro versioni di JMP. Ci auguriamo che abbiate trovato modi interessanti per usarlo, come gli sforzi del Dr. Anderson Mayfield per collaborare alla scoperta di modi per migliorare la salute delle barriere coralline in tutto il mondo. Ci piacerebbe conoscere i tuoi successi e le tue sfide e aiutarti a collaborare con i report HTML interattivi e i dashboard di JMP.Si prega di visitare il Esempi HTML interattivi o esplora il file esempi tratti da questo documento su JMP Public .
Riferimenti
[1] Becker R. e Cleveland W. (1987). "Brushing Scatterplots", Tecnometria , 127-142.
[2] Stuetzle W. (1987). "Plot Windows", Giornale dell'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
