Nivel: principiante
Josh Markwordt, desarrollador de software JMP, SAS
John Powell, desarrollador principal de software de JMP, SAS
HTML interactivo admite muchas de las características exploratorias de JMP, incluida la identificación de puntos, la vinculación, el cepillado y, como novedad en JMP 14, el filtrado de datos. Los informes guardados se pueden compartir con colegas o cargar en un servidor web para verlos en cualquier navegador web moderno. Además del soporte para el filtrado de datos, HTML interactivo en JMP 14 agrega soporte para el mapa de árbol en Graph Builder. Este documento demuestra cuándo y cómo utilizar HTML interactivo para compartir y explorar los resultados de JMP.
Introducción
Desde el comienzo del proyecto HTML interactivo en JMP 11, nuestro objetivo ha sido hacer que los gráficos ricos y el análisis poderoso de JMP sean accesibles para aquellos que aún no tienen JMP. La web es un lugar natural para mostrar estos informes y el lugar donde se realiza la colaboración en la era moderna.En esta charla, le brindaremos una descripción general de las nuevas funciones en JMP 14 para HTML interactivo, brindaremos consejos sobre cómo compartir informes de HTML interactivo de JMP en la web y compartiremos el trabajo que está realizando un biólogo marino que utiliza HTML interactivo de JMP para compartir y colaborar en su investigación.
Diamond Price vs. Carat Weight, Filtered by ColorPrecio del diamante frente al peso en quilates, filtrado por color
Funciones de JMP 14
JMP tiene muchas plataformas y herramientas para analizar sus datos, y en cada versión hemos buscado agregar funciones adicionales a nuestro resultado para ayudarlo en su capacidad de explorar y compartir sus datos en la web.En JMP 14, el mapa de árbol se ha agregado a la salida de Graph Builder y está disponible un filtro de datos con ocultar y seleccionar para explorar sus datos.
Los informes HTML interactivos admiten muchas de las funciones exploratorias de JMP.Los puntos individuales o los elementos gráficos se pueden identificar a través de la información sobre herramientas que se muestra al pasar el cursor sobre el punto en el escritorio o al tocar el elemento en un dispositivo móvil.Al igual que en JMP, los gráficos están vinculados de modo que las filas seleccionadas en un gráfico se resaltan en todos los gráficos [1,2].
Selecting multiple objects and linking between graphical elementsSeleccionar varios objetos y vincular entre elementos gráficos Haciendo uso de los diferentes modos que se muestran en la parte superior de la página y al hacer clic o tocar el segundo botón de alternancia, puede arrastrar un rectángulo para seleccionar filas en los gráficos. Se llama cepillado , una técnica importante para explorar datos multivariados [1].
Brushing points to explore the data Puntos de cepillado para explorar los datos
Lo nuevo en JMP 14 es la capacidad de filtrar por una columna o una combinación de columnas.Primero, elija el elemento de menú Filtro de datos locales del menú del triángulo rojo de cualquier informe JMP, seleccione una o más columnas y haga clic en Agregar. Los controles para filtros categóricos y continuos son compatibles y decorados con distribuciones.En JMP 14, todas las combinaciones de lógica AND y OR son compatibles para permitir la creación de algunos filtros complejos.Los estados de selección y ocultación se admiten de manera coherente en todas partes, lo que facilita la curva de aprendizaje para los usuarios que no conocen JMP.
Es importante tener en cuenta que la capacidad de excluir / incluir datos no se admite en la salida HTML interactiva cuando se publica en un archivo, lo que significa que si las filas se excluyen en JMP, solo se exporta el subconjunto de filas incluidas y los usuarios no podrán hacerlo. explorar los datos excluidos en la web.Por ejemplo, la gráfica bivariada a continuación tiene marcada la casilla de verificación "Incluir" (en JMP en el lado izquierdo), por lo que al seleccionar Machos, son los únicos puntos que se muestran y los únicos valores que se tienen en cuenta al ajustar la línea. Por lo tanto, la exportación HTML interactiva de este gráfico solo tiene Hombres en su filtro de datos (en el lado derecho).
Bivariate of Big Class with only Males included before exporting to Interactive HTML Bivariante de Big Class con solo hombres incluidos antes de exportar a HTML interactivo Si la intención era permitir que el usuario explorara las alturas masculinas y femeninas, pero inicialmente deseaba llamar la atención sobre los hombres, desmarque la casilla de verificación "Incluir" antes de seleccionar los hombres y exportar (como se muestra en JMP a la izquierda).Aquí verá que, aunque el gráfico inicial es el mismo en HTML interactivo que la primera vez, el filtro de datos incluye tanto hombres como mujeres y, al filtrar, puede examinar el conjunto de datos completo o cualquier sexo individualmente.
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset. Al desmarcar la casilla de verificación Incluir, puede mostrar solo los machos inicialmente, pero aún así permitir que el usuario explore todo el conjunto de datos. Treemap es una herramienta gráfica importante para analizar datos jerárquicos.A continuación se muestra un mapa de árbol creado a partir del conjunto de datos de Ciudades de la biblioteca de datos de muestra utilizando el algoritmo de división que se selecciona de forma predeterminada.
Treemap of Cities data sized by lead levelsMapa de árbol de datos de ciudades clasificados por niveles de clientes potenciales
El algoritmo de división crea un mapa de árbol con celdas ordenadas por los nombres de las agrupaciones de celdas.Alternativamente, se puede elegir el algoritmo de cuadratura para crear un mapa de árbol que ordena las celdas por su tamaño, en este caso los niveles de plomo de las ciudades.
Treemap of the Cities by lead levels using the squarify algorithmMapa de árbol de las ciudades por niveles de liderazgo utilizando el algoritmo squarify
Los mapas de árbol HTML exportados admiten todas las opciones que establezca antes de exportar desde JMP en JMP 14. Combinado con filtros de datos locales, esto le permite explorar mapas de árbol y otros tipos de gráficos en la web.
Cómo compartir con JMP
Presentaciones anteriores han mostrado cómo guardar informes JMP en HTML interactivo en Windows usando la opción de menú Archivo -> Guardar como y en Mac usando Exportar, así como la Guardar HTML interactivo () Comando JSL para crear este contenido a partir de un script [3].Puedes crear poderosos Cuadros de mando ya sea a través de Dashboard Builder o mediante el Combinar Windows características como se muestra en nuestro ejemplos en línea .Pero, ¿cuál es la mejor forma de compartir estos informes?
La respuesta a esta pregunta depende de la amplitud con la que desee compartir el archivo.Dentro de una red interna, una simple unidad de red compartida podría ser la mejor manera. A veces, la configuración del correo electrónico bloquea el contenido HTML o obliga al usuario a descargar un archivo adjunto de gran tamaño en su máquina personal o dispositivo móvil.Hay una variedad de servicios de intercambio de archivos en línea, pero el soporte varía.A septiembre de 2017, Dropbox ya no muestra contenido HTML .Igualmente, Google Drive dejó de utilizar esta función en 2015 .En este momento, no podemos sugerir un servicio de intercambio de archivos como un método confiable para intercambiar contenido HTML renderizado; puede compartir los archivos, pero deben descargarse o pueden mostrarse como un archivo de texto, cuando lo que realmente queremos me gusta hacer es hacer clic en un enlace y ver el informe.
Para los clientes que no se sienten cómodos con la gestión de un servidor web completamente funcional, existen varios sitios de alojamiento / diseño web que anuncian el desarrollo rápido de sitios web con poco conocimiento de programación. Se puede usar un elemento HTML llamado marco en línea o iframe para incrustar el contenido de una página web dentro de otra página, por ejemplo, la comunidad JMP permite que los iframes incrusten contenido.Sin embargo, es posible que el proveedor de su elección no permita iframes dentro de su sistema.Si la página web se sirve en HTTPS, no puede alojar contenido HTTP en un iframe, este es un escenario llamado " Contenido mixto ”, Y es una característica de seguridad de los navegadores modernos.Esta puede ser una solución viable para usted dado el marco que está utilizando, pero como muestra la historia del cliente a continuación, puede requerir algo de trabajo.
Historia del cliente de Coral Reef
La capacidad de compartir datos ya está teniendo un impacto en nuestros clientes.Una historia es la investigación de diagnóstico de arrecifes de coral del Dr. Anderson Mayfield [4] . Después de años de recopilar datos de los arrecifes de coral de todo el mundo, creó un sitio web para compartir sus datos y análisis utilizando JMP para que científicos o estadísticos similares pudieran colaborar en la predicción de la salud de los arrecifes de coral en un clima global cambiante. Su sitio está alojado en SquareSpace.
Dr Anderson B. Mayfield's webpage Página web del Dr. Anderson B. Mayfield Consultó a la comunidad de JMP para obtener consejos sobre cómo incrustar informes HTML interactivos de JMP en su sitio web, que no parecía ser compatible directamente con SquareSpace [5]. Gracias a las respuestas de nuestra comunidad, y en particular a uno de nuestros desarrolladores principales de software, Nascif Abousalh-Neto, aprendió que al alojar sus archivos HTML interactivos en Amazon S3 y usar un iframe, podía incrustar informes HTML interactivos en medio de una página que describe los datos recopilados.
Con el lanzamiento de JMP 14.2, ahora que JMP Public está disponible, podrá hacer lo mismo con los informes HTML interactivos de JMP que ofrecen funciones avanzadas que son posibles gracias a la conexión a un servidor JMP en vivo.Los usuarios pueden vincular directamente al informe en JMP Public, o el sistema facilita la inserción del informe en otras plataformas, incluida la generación del marcado HTML del iframe para pegarlo en otra página web.A diferencia del HTML interactivo independiente, los datos se pueden excluir o incluir, confiando en el servidor JMP para manejar el análisis y mostrar los resultados actualizados en la misma interfaz web a la que se ha acostumbrado, pero con una nueva y elegante interfaz de usuario para JMP Public.
Para compartir un informe publicado en JMP Public, simplemente haga clic en el icono Compartir en la parte superior de la página y seleccione "Código incrustado (iframe)" como se muestra a continuación:
Embedding an iframe of interactive HTML reports published on JMP Public is easy. Incrustar un iframe de informes HTML interactivos publicados en JMP Public es fácil. Esto colocará el código HTML para producir una etiqueta iframe dentro de su página web en su portapapeles como se ve aquí:
<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>
Simplemente pegue este código en su página HTML donde desea que aparezca, como se hizo a continuación para la versión en vivo de la imagen que se muestra al principio del documento, y obtendrá contenido interactivo renderizado dentro de su página.
Conclusión
HTML interactivo ha estado disponible para cuatro versiones de JMP ahora. Esperamos que haya encontrado formas interesantes de usarlo, como los esfuerzos del Dr. Anderson Mayfield para colaborar en el descubrimiento de formas de mejorar la salud de los arrecifes de coral en todo el mundo. Nos gustaría conocer sus éxitos y desafíos y ayudarlo a colaborar con los paneles e informes HTML interactivos de JMP.Por favor visite el Ejemplos de HTML interactivo o explorar el ejemplos de este documento sobre JMP Public .
Referencias
[1] Becker R. y Cleveland W. (1987). "Cepillado de diagramas de dispersión", Tecnometría 127-142.
[2] Stuetzle W. (1987). "Plot Windows", Revista de la Asociación Estadounidense de Estadística, 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
