Esta es una continuación de una serie de publicaciones en el blog. HTML interactivo para los informes de Graph Builder en JMP 13. Aquí, estoy discutiendo el soporte para puntos, diagramas de caja, mapas de calor y formas de mapa. Estos elementos del Generador de gráficos se resaltan en la siguiente figura.
Dado que esta publicación del blog describe la salida de páginas web interactivas desde JMP, las imágenes y animaciones a continuación fueron capturadas desde un navegador web.
Puntos
Los puntos existen en muchos gráficos en JMP, donde puede personalizar el color, la forma y el tamaño del punto, generalmente abriendo un cuadro de diálogo. La interfaz de arrastrar y soltar de Graph Builder facilita la creación de gráficos coloridos con puntos de todas las formas y tamaños. El siguiente ejemplo que utiliza los datos de Diamonds de la biblioteca de datos de muestra en JMP establece los siguientes atributos de puntos:
- Tamaño basado en los datos de la columna de la tabla
- Color basado en los datos de la columna de profundidad.
- Forma basada en los datos de la columna de claridad.
Además de estos atributos, se emplearon el precio versus el corte y la agrupación por peso en quilates para comprender qué influye más en los precios del diamante. Por supuesto, JMP proporciona capacidades que se dirigen específicamente a esta pregunta, pero ese es un tema para otra publicación de blog.
Esta combinación de atributos compatibles con los gráficos de puntos de Graph Builder en HTML interactivo es un desafío porque ahora hay más formas de determinar el tamaño, la forma y el color de cada punto. El desafío se incrementó además por el hecho de que cada punto en Graph Builder puede representar un resumen estadístico de múltiples filas de datos.
En el siguiente ejemplo de HTML interactivo, cada punto representa diamantes de un Corte y Claridad dados. Aunque la leyenda está reorganizada, la forma y el color aún están determinados por Claridad y Profundidad, respectivamente. Para acentuar la diferencia entre las dimensiones de la Tabla de los diamantes, se utilizó una transformación de columna denominada Tabla Relativa en el rol Tamaño en lugar de los datos de columna de la Tabla sin procesar.
Box Plots
Los puntos resumidos anteriores pueden proporcionar muy poca información y los puntos sin procesar pueden estar demasiado ocupados, entonces, ¿qué tal un compromiso con el uso de diagramas de caja? En el gráfico a continuación, vemos la distribución de precios para cada combinación de Corte, Claridad y Peso en quilates. La leyenda se movió a la parte inferior y se dibujó horizontalmente para coincidir con la disposición de los diagramas de caja en cada grupo.
Mapas de calor
Hasta ahora, puede ser difícil ver qué influye más en los precios de los diamantes. Solo hemos cubierto tres de las cuatro C en calidad de diamante. Entonces, aquí hay un mapa de calor que incluye los cuatro. Tal vez ahora sea más fácil sacar algunas conclusiones.
Agregar soporte para los mapas de calor en Graph Builder nos dio un bono fuera de Graph Builder: el gráfico Uplift en la plataforma Uplift ahora es interactivo y puede mostrar X factores y rangos X / Y.
Formas de mapa
Las formas de mapa se pueden usar en Graph Builder para datos basados en la ubicación, como datos de población. La agrupación puede ayudar al espectador a centrarse en una región a la vez. Con la opción 'Mostrar formas perdidas' habilitada, la región de interés se puede ver en el contexto de todo el país.
Las formas del mapa se pueden escalar de acuerdo con una variable de tamaño (Población) mientras que otra variable (Consumo de verduras) las colorea.
Combinaciones
Para ver que parte del poder interactivo de JMP está disponible en HTML interactivo, ayuda a interactuar con gráficos combinados. En JMP, esto se puede lograr con Windows combinado, Application Builder o Dashboard Builder. A continuación hay algunos ejemplos de combinaciones que utilizan los tipos de gráficos descritos anteriormente.
Este ejemplo explora los datos de delitos con un mapa de calor y formas de mapas geográficos.
El siguiente ejemplo usa Puntos, Diagramas de caja, un Mapa de calor y una Forma de mapa personalizada para explorar las temperaturas de la oficina.
Una nueva característica para Puntos y Formas de mapas en HTML interactivo es la capacidad de mostrar imágenes en información sobre herramientas.
Ten en cuenta que estas son solo animaciones. Puede interactuar con los archivos HTML interactivos que se muestran en este blog a una Página que creamos para este propósito. . ¡Háganos saber lo que piensas!
John Powell escribió:
Para crear el mapa de calor de datos de diamante, apliqué la columna Color a la función Y, Cortar a la función X y Precio a la función Color.
Luego apliqué Claridad al rol de grupo X y Peso en quilates al rol de grupo Y.
Establecí el número de niveles en el grupo Y a 3.
Personalicé la configuración de degradado para usar un degradado verde y habilité los colores discretos.
Cuando dices "ricas sugerencias de herramientas", creo que podrías estar refiriéndote al ejemplo del planeta con imágenes en las sugerencias de herramientas.
Para este ejemplo, construí una tabla de datos con una columna de imágenes que contiene imágenes de cada planeta. Utilicé "internet open" para recopilar datos e imágenes de internet y algunos recortando un pegado para fusionar todo en una sola tabla. Podría haber ahorrado un poco de esfuerzo si usé Virtual Join.
Apliqué la temperatura máxima de la superficie a la función Y, la distancia del sol a la función X, la cantidad de lunas a la función de color y el radio ecuatorial al cuadrado a la función de tamaño.
Los roles se agregan automáticamente a la información sobre herramientas. Para agregar otras columnas, todo lo que necesita hacer es configurar las columnas que se etiquetarán. Si una columna etiquetada tiene una imagen, aparecerá en la información sobre herramientas. Antes de guardar como HTML interactivo, fijé las sugerencias para la Tierra y Saturno y agregué una línea de texto personalizada a la sugerencia fija de la Tierra.
Espero que ese sea el nivel de detalle que buscabas.
Chad escribió:
Querido John,
Gracias por compartir estos ejemplos. Sería posible
Describe el proceso para crear los mapas de calor y las ricas herramientas.
¿Con un poco más de detalle para que puedan ser replicados?
