Nivel: Principiante
Josh Markwordt, desarrollador de software JMP, SAS
John Powell, JMP Desarrollador principal de software, SAS
El HTML interactivo es compatible con muchas de las funciones exploratorias de JMP, como la identificación de puntos, la vinculación, el cepillado y, como novedad en JMP 14, el filtrado de datos. Los informes guardados pueden compartirse con colegas o subirse a un servidor web para visualizarse en cualquier navegador web moderno. Además de la compatibilidad con el filtrado de datos, el HTML interactivo de JMP 14 añade compatibilidad con el mapa de árbol del Constructor de Gráficos. Este artículo muestra cuándo y cómo usar HTML interactivo para compartir y explorar los resultados de JMP.
Introducción
Desde el inicio del proyecto HTML interactivo en JMP 11, nuestro objetivo ha sido hacer accesibles los gráficos enriquecidos y el potente análisis de JMP a quienes aún no lo tienen. La web es el lugar ideal para mostrar estos informes y el lugar donde se colabora en la era moderna. En esta charla, les presentaremos un resumen de las nuevas funciones de JMP 14 para HTML interactivo, les daremos consejos sobre cómo compartir informes HTML interactivos de JMP en la web y compartiremos el trabajo de un biólogo marino que utiliza el HTML interactivo de JMP para compartir y colaborar en su investigación.
Diamond Price vs. Carat Weight, Filtered by ColorPrecio del diamante vs. peso en quilates, filtrado por color
Precio del diamante vs. peso en quilates, filtrado por color
Precio del diamante vs. peso en quilates, filtrado por color
Características de JMP 14
JMP cuenta con numerosas plataformas y herramientas para analizar sus datos, y en cada versión hemos buscado añadir funciones adicionales a nuestra información para facilitar su exploración y compartición en la web. En JMP 14, se ha añadido el mapa de árbol a la información del Constructor de Gráficos y está disponible un filtro de datos con funciones de ocultar y seleccionar para explorar sus datos.
Los informes HTML interactivos son compatibles con muchas de las funciones de exploración de JMP. Se pueden identificar puntos o elementos gráficos individuales mediante información sobre herramientas que se muestra al pasar el cursor sobre el punto en el escritorio o al tocarlo 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 elements Selección de múltiples objetos y vinculación entre elementos gráficos . Al usar los diferentes modos que se muestran en la parte superior de la página y hacer clic o tocar el segundo botón, puede arrastrar un rectángulo para seleccionar filas en gráficos. Esto se denomina cepillado , una técnica importante para explorar datos multivariados [1]. 
Brushing points to explore the data Pincelando puntos para explorar los datos Pincelando puntos para explorar los datos Pincelando puntos para explorar los datos
Una novedad de JMP 14 es la posibilidad de filtrar por una columna o una combinación de columnas. Primero, seleccione la opción "Filtro de datos locales" en el menú triangular rojo de cualquier informe de JMP, seleccione una o más columnas y haga clic en "Agregar". Se admiten controles para filtros categóricos y continuos, que se decoran con distribuciones. En JMP 14, se admiten todas las combinaciones lógicas AND y OR, lo que permite la creación de filtros complejos. Los estados de selección y ocultación se admiten de forma uniforme en todas partes, lo que facilita el aprendizaje para los usuarios que no conocen JMP.
Es importante tener en cuenta que la opción de excluir o incluir datos no es compatible con la salida HTML interactiva al publicarse en un archivo. Esto significa que, si se excluyen filas en JMP, solo se exporta el subconjunto de filas incluidas y los usuarios no podrán explorar los datos excluidos en la web. Por ejemplo, el gráfico bivariado a continuación tiene la casilla "Incluir" marcada (en JMP, a la izquierda), por lo que, al seleccionar "Hombres", estos 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 incluye "Hombres" en su filtro de datos (a la derecha). 
Bivariate of Big Class with only Males included before exporting to Interactive HTML Bivariante de clase grande con solo hombres incluidos antes de exportar a HTML interactivo Bivariante de clase grande con solo hombres incluidos antes de exportar a HTML interactivo Bivariante de clase grande con solo hombres incluidos antes de exportar a HTML interactivo Si la intención era permitir al usuario explorar las alturas de hombres y mujeres, pero inicialmente quería 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 todo el conjunto de datos o cada 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 "Incluir", se muestran solo los hombres inicialmente, pero se permite al usuario explorar todo el conjunto de datos. El diagrama de árbol es una herramienta gráfica importante para analizar datos jerárquicos. A continuación, se muestra un diagrama de árbol creado a partir del conjunto de datos "Ciudades" de la biblioteca "Datos de Muestra" utilizando el algoritmo de división, seleccionado por defecto.
Treemap of Cities data sized by lead levelsMapa de árbol de datos de ciudades dimensionados por niveles de plomo
Mapa de árbol de datos de ciudades dimensionados por niveles de plomo
Mapa de árbol de datos de ciudades dimensionados por niveles de plomo
El algoritmo de división crea un diagrama de árbol con celdas ordenadas según los nombres de los grupos de celdas. Como alternativa, se puede optar por el algoritmo de cuadratura para crear un diagrama de árbol que ordena las celdas por su tamaño; en este caso, los niveles de liderazgo 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
Mapa de árbol de las ciudades por niveles de liderazgo utilizando el algoritmo Squarify
Mapa de árbol de las ciudades por niveles de liderazgo utilizando el algoritmo Squarify
Los mapas de árbol HTML exportados admiten todas las opciones que configure 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 mediante la opción de menú Archivo -> Guardar como y en Mac mediante Exportar, así como el comando JSL "Guardar HTML interactivo()" para crear este contenido desde un script [3]. Puede crear paneles potentes mediante el Constructor de paneles o utilizando las funciones de Combinar Windows , como se muestra en nuestros ejemplos en línea . Pero ¿cuál es la mejor manera 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 unidad de red compartida sencilla podría ser la mejor opción. En ocasiones, la configuración del correo electrónico bloqueará el contenido HTML u obligará al usuario a descargar un archivo adjunto grande en su ordenador o dispositivo móvil. Existen diversos servicios de intercambio de archivos en línea, pero la compatibilidad varía. Desde septiembre de 2017, Dropbox ya no procesa contenido HTML . Asimismo, Google Drive dejó de usar esta función en 2015. Por el momento, no podemos recomendar un servicio de intercambio de archivos como método fiable para intercambiar contenido HTML procesado. Puede compartir los archivos, pero deben descargarse o mostrarse como un archivo de texto, cuando lo que realmente queremos hacer es hacer clic en un enlace y ver el informe.
Para los clientes que no se sienten cómodos gestionando un servidor web completamente funcional por sí mismos, existen varios sitios de alojamiento y diseño web que promocionan el desarrollo rápido de sitios web con pocos conocimientos de programación. Un elemento HTML llamado marco en línea o iframe puede utilizarse para incrustar el contenido de una página web dentro de otra; por ejemplo, la comunidad JMP permite el uso de iframes para incrustar contenido. Sin embargo, es posible que el proveedor que elija no permita iframes en su sistema. Si la página web se sirve en HTTPS, no podrá alojar contenido HTTP en un iframe; este es un caso conocido como " Contenido Mixto " y es una característica de seguridad de los navegadores modernos. Esta puede ser una solución viable para usted dado el framework que utiliza, pero, como muestra el caso de un cliente a continuación, puede requerir algo de trabajo.
Historia de un cliente de Coral Reef
La capacidad de compartir datos ya está teniendo un impacto positivo en nuestros clientes. Un ejemplo es la investigación del Dr. Anderson Mayfield sobre el diagnóstico de arrecifes de coral [4] . Tras años recopilando datos de arrecifes de coral de todo el mundo, creó un sitio web para compartir sus datos y análisis utilizando JMP, de modo 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 web está alojado en SquareSpace. 
Dr Anderson B. Mayfield's webpage Consultó a la comunidad JMP para obtener consejos sobre cómo integrar informes HTML interactivos de JMP en su sitio web, que no parecía tener soporte directo de SquareSpace [5]. Gracias a las respuestas de nuestra comunidad, y en particular a uno de nuestros desarrolladores principales de software, Nascif Abousalh-Neto, descubrió que al alojar sus archivos HTML interactivos en Amazon S3 y usar un iframe, podía integrar informes HTML interactivos en medio de una página que describía 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 gracias a la conexión a un servidor JMP activo. Los usuarios pueden vincular directamente el informe en JMP Public, o el sistema facilita su integración en otras plataformas, incluyendo la generación del marcado HTML iframe para pegarlo en otra página web. A diferencia del HTML interactivo independiente, los datos se pueden excluir o incluir, confiando en que el servidor JMP gestione el análisis y muestre los resultados actualizados en la misma interfaz web a la que está 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 ícono Compartir en la parte superior de la página y seleccione "Código para insertar (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. Incrustar un iframe de informes HTML interactivos publicados en JMP Public es fácil . Esto colocará el código HTML para generar una etiqueta iframe dentro de su página web en el portapapeles, como se muestra 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 artículo, y obtendrá contenido interactivo representado dentro de su página.
Conclusión
El HTML interactivo ha estado disponible en cuatro versiones de JMP. Esperamos que haya encontrado maneras interesantes de usarlo, como los esfuerzos del Dr. Anderson Mayfield para colaborar en el descubrimiento de maneras de mejorar la salud de los arrecifes de coral en todo el mundo. Nos gustaría conocer sus éxitos y desafíos, y ayudarle a colaborar con los informes y paneles de HTML interactivo de JMP. Visite los ejemplos de HTML interactivo o explore los ejemplos de este documento en JMP Public .
Referencias
[1] Becker R. y Cleveland W. (1987). “Diagramas de dispersión de pincel”, Technometrics , 127-142.
[2] Stuetzle W. (1987). “Ventanas de gráficos”, 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
