DEISO Demos interactivas de Visly y Storytelling
DEISO Visly es una plataforma unificada para visualización de datos, paneles interactivos y storytelling. Admite más de 25 tipos de gráficos y está diseñada para simplificar información compleja mediante visualizaciones claras y atractivas. Ya sea para informes técnicos, análisis empresariales o resúmenes de proyectos, Visly se adapta a cualquier sector y tipo de proyecto, y ofrece una forma flexible y potente de comunicar historias basadas en datos.
Esta página muestra las capacidades de DEISO Visly mediante una colección de alrededor de 20 gráficos de demostración interactivos en directo. Los visitantes pueden explorar cada visualización en tiempo real para comprobar cómo los datos pueden transformarse en información relevante.
DEMO 1
Gráfico interactivo: cuota de mercado de navegadores a lo largo del tiempo
Este gráfico interactivo muestra la evolución del uso de los principales navegadores web —Chrome, Safari, Internet Explorer (IE), Edge, Firefox y Opera—, medida a partir de solicitudes de servicio entre 2007 y 2019. La visualización se presenta como un gráfico de áreas apiladas adaptable integrado mediante un iframe. Permite explorar de forma interactiva las tendencias de los navegadores a lo largo del tiempo.
El eje x representa la línea temporal, desde mayo de 2007 hasta finales de 2019, con marcas en formato rotativo MM/DD/YY para mejorar la legibilidad. El eje y muestra valores de uso del servicio normalizados de 0,00 a 0,70, que indican el predominio proporcional de cada navegador respecto a los demás.
Cada navegador se visualiza con un color único y un relleno semitransparente para facilitar su diferenciación y la claridad de las superposiciones. Chrome muestra una tendencia ascendente significativa a partir de aproximadamente 2009, supera a IE en 2012 y alcanza un máximo de 60% en 2019. IE, que dominaba en 2007 con una cuota superior a 60%, cae bruscamente después de 2010. Edge aparece más tarde con una presencia reducida pero creciente, mientras que Firefox, Safari y Opera se mantienen relativamente estables, con fluctuaciones menores.
Dos anotaciones clave destacan las transiciones del mercado: en 2012, Chrome alcanzó 28%, mientras que IE descendió a 32%. En 2019, Chrome creció hasta 60%, y IE y Edge representaban conjuntamente solo 7%. Estas anotaciones se indican con líneas de llamada y texto para resaltarlas.
Las funciones de la interfaz incluyen selección de idioma, un conmutador de modo oscuro/claro y herramientas de interacción de zoom. El gráfico se integra con una relación de aspecto de 16:9 para mantener su adaptabilidad en todos los dispositivos. El estilo de integración es minimalista y elimina los permisos de pantalla completa y desplazamiento para una integración fluida en sitios web o paneles.
Este gráfico de demostración forma parte de una suite avanzada de visualización interactiva utilizada para presentar tendencias de uso de navegadores y predominio de plataformas a lo largo del tiempo.
DEMO 2
Mapa interactivo: distribución de la población por prefectura en Japón
Este mapa coroplético interactivo visualiza la distribución de la población en las 47 prefecturas de Japón. El gráfico utiliza un gradiente de color para reflejar el tamaño de la población en cada prefectura, lo que permite identificar rápidamente las regiones más y menos pobladas. Cuanto más oscuro es el rojo, mayor es la población.
El fondo se muestra en azul marino oscuro para crear contraste visual, mientras que la barra de gradiente de población situada a la derecha va del rosa claro (población baja, aproximadamente 878.000) al rojo oscuro (población alta, más de 9 millones). Esta escala cromática facilita la identificación de patrones demográficos en todo el país.
Cada región está claramente delimitada y es interactiva. Cuando un usuario pasa el cursor o hace clic en una prefectura, se muestra una información emergente con lo siguiente:
El nombre de la prefectura en japonés (e.g., 北海道)
Su nombre en Inglés (p. ej., Hokkaido)
El población total en millones redondeados (p. ej., 5 M)
El mapa muestra Tokio como la zona más densamente poblada (rojo intenso), seguida de prefecturas como Osaka y Kanagawa. Las regiones menos pobladas, como Tottori y Shimane, aparecen en tonos más claros.
Las principales funciones de la interfaz incluyen un conmutador de idioma en la esquina superior derecha (en inglés de forma predeterminada), funcionalidad de zoom en el lado izquierdo y conmutadores de modo claro/oscuro en la esquina inferior izquierda para mejorar la accesibilidad. El mapa es totalmente adaptable y se integra con una 16:9 relación de aspecto para una presentación óptima en todos los dispositivos.
Este mapa interactivo es ideal para el análisis demográfico geográfico y las aplicaciones de planificación regional. Proporciona una interfaz intuitiva para explorar las distribuciones de población y se integra sin problemas en cualquier sitio web o panel de datos.
DEMO 3
Gráfico de barras interactivo: gasto medio en seguro de automóvil por estado
Este gráfico de barras interactivo visualiza el gasto medio en seguro de automóvil en determinados estados de EE. UU. mediante barras verticales codificadas por colores. Cada barra corresponde a un estado y refleja el importe medio en dólares destinado al seguro de automóvil.
El Eje Y está etiquetado en incrementos de dólares, de $0 a $500. Una línea de referencia roja se marca en el nivel de $300 para indicar el umbral medio. Las barras por encima de esta línea indican gastos de seguro superiores a la media; las que están por debajo indican costes menores.
Los estados se indican en el eje X mediante abreviaturas de dos letras, p. ej., AL (Alabama), CA (California), NY (Nueva York), etc.
Cada barra es interactiva:
Cuando el usuario hace clic o pasa el cursor sobre una barra, aparece una información emergente que muestra:
El nombre del estado
El coste exacto del seguro (p. ej., “$452” para California)
Las barras están codificadas individualmente por colores para facilitar su diferenciación visual y la comparación directa.
Valores de ejemplo del gráfico:
CA (California): $452 (el valor más alto del gráfico)
NY (Nueva York): $447
MT (Montana): $45 (el valor más bajo del gráfico)
GA (Georgia): $405
AZ (Arizona): $220
Efectos visuales:
El gráfico tiene un fondo negro para crear contraste.
Las líneas de cuadrícula mejoran la legibilidad.
Hay disponible un selector de modo claro/oscuro para mejorar la accesibilidad.
Al pasar el cursor, las barras pueden animarse o iluminarse ligeramente para indicar la selección.
Este gráfico de barras es ideal para realizar un análisis comparativo rápido de los costes de los seguros de automóvil entre estados y facilita la toma de decisiones en estudios comparativos de costes o pólizas.
DEMO 4
- Esta matriz ilustra la capacidad predictiva entre distintas columnas de un conjunto de datos mediante un Índice de Poder Predictivo (PPI) que va de 0 a 100. Una puntuación de 0 indica ausencia de capacidad predictiva, mientras que una puntuación de 100 indica una predicción perfecta. La matriz muestra hasta qué punto una columna puede predecir otra; la intensidad de la predicción se indica mediante la oscuridad del cuadrado.
- Por ejemplo, la columna Producto puede predecir perfectamente la clasificación Temas para Producto con una puntuación de 100. Sin embargo, en sentido inverso la relación es menos sólida: la clasificación Temas para Producto predice Producto con una puntuación de 70. Del mismo modo, Cantidad solicitada puede predecir Fecha de pedido con una puntuación de 16, pero Fecha de pedido no puede predecir en absoluto Cantidad solicitada, con una puntuación de 0.
- Cuanto más oscuro sea el cuadrado, más fuerte será la relación predictiva. Los cuadrados más oscuros son más relevantes para crear gráficos informativos. La leyenda indica correlaciones tanto positivas como negativas, y los cuadrados sombreados representan correlaciones indeterminadas debido a categorías sin ordenar. Estas correlaciones indeterminadas suelen producirse cuando una de las columnas contiene categorías sin un orden lógico, como País, Género o color de ojos.
- Al pasar el cursor sobre los cuadrados se obtienen más detalles sobre cada par de variables. Esta matriz ayuda a comprender las relaciones predictivas entre las distintas columnas del conjunto de datos, lo que facilita un análisis y una visualización de datos más eficaces.
DEMO 5
- Este gráfico de barras muestra el precio medio de cada producto, ordenado de mayor a menor. El gráfico incluye diez productos, y el precio medio se calcula agregando el precio de cada grupo de productos. El producto con el precio medio más alto es la impresora, con $134,22. Después de la impresora, el ratón tiene un precio medio de $114,88 y la tableta de $111,73. Otros productos incluidos en el gráfico son el escritorio, el monitor, la silla, el teclado, el disco duro externo, el portátil y los auriculares, con precios medios que van de $109,60 a $72,68. Las barras representan visualmente estos precios medios, lo que facilita comparar el coste de cada producto.
DEMO 6
- Este gráfico de barras muestra el precio medio de cada categoría de producto, ordenadas de mayor a menor. Las categorías incluyen Equipos de oficina, Dispositivos informáticos, Mobiliario de oficina, Accesorios informáticos, Dispositivos de almacenamiento y Otros. Equipos de oficina tiene el precio medio más alto, con $134,22, seguido de Dispositivos informáticos, con $111,73, y Mobiliario de oficina, con $106,64. Accesorios informáticos y Dispositivos de almacenamiento tienen precios medios de $95,77 y $95,06, respectivamente. La categoría denominada Otros tiene el precio medio más bajo, con $81,60. El gráfico destaca eficazmente la variación de los precios medios entre las distintas categorías de productos.
DEMO 7
- Este gráfico de barras muestra la cantidad media solicitada para seis categorías de productos, agregadas según sus respectivas clasificaciones de grupo. Las categorías se ordenan de mayor a menor en función de la cantidad media solicitada.
- Accesorios informáticos lidera con una cantidad media solicitada de 204, seguido de Mobiliario de oficina con una media de 109. A continuación se sitúan los Dispositivos informáticos, con una media de 74, mientras que los Dispositivos de almacenamiento tienen una media de 59. La categoría ‘Otros’ muestra una cantidad media solicitada de 45, y Equipos de oficina presenta la media más baja, con 32.
- El gráfico ofrece una representación visual clara de las cantidades medias solicitadas en estas categorías de productos y destaca la demanda relativa de cada grupo.
DEMO 8
- Un gráfico de barras apiladas visualiza la composición de una variable categórica entre las distintas categorías de otra variable categórica. En este gráfico, las variables categóricas son “Cantidad solicitada” y “Producto”. “Producto” incluye diez categorías: Monitor, Tableta, Escritorio, Teclado, Auriculares, Disco duro externo, Portátil, Silla, Ratón e Impresora. “Cantidad solicitada” también tiene diez categorías, del 1 al 10.
- Cada columna del gráfico representa una cantidad solicitada diferente y, dentro de cada columna, los porcentajes de las diez categorías de productos se apilan hasta sumar 100%. Por ejemplo, el segmento que representa los Monitores en la columna “Cantidad solicitada 1” muestra un porcentaje de 57,14%, lo que indica que, de todos los pedidos con una cantidad de 1, el 57,14% correspondía a Monitores. Del mismo modo, las demás categorías de productos se representan mediante distintos segmentos dentro de cada columna, mostrando sus porcentajes respectivos para cada cantidad solicitada.
- Este gráfico ilustra eficazmente la distribución de los distintos productos entre varias cantidades solicitadas y ofrece una representación visual clara de cómo se componen los pedidos de productos en términos de cantidad.
DEMO 9
- Este gráfico de barras muestra la cantidad media solicitada de diez productos diferentes, agregados por tipo de producto. Los productos se ordenan de mayor a menor cantidad media solicitada. El Teclado tiene la cantidad media solicitada más alta, con 75, seguido de cerca por la Tableta, con una media de 74. A continuación se encuentran el Monitor y el Escritorio, con medias de 65 y 62, respectivamente. El Disco duro externo tiene una cantidad media solicitada de 59, mientras que la Silla y el Portátil tienen medias de 47 y 45. Los Auriculares, la Impresora y el Ratón presentan las medias más bajas, con 38, 32 y 26, respectivamente. El número de muestras de cada producto varía e indica la cantidad de pedidos considerados para la media de cada producto. Por ejemplo, la media del Teclado se basa en 13 muestras, mientras que la media del Ratón se basa en 5 muestras. Este gráfico proporciona una comparación clara de las cantidades medias solicitadas de cada producto y destaca la popularidad o demanda relativa de cada artículo.
DEMO 10
- Un gráfico de barras apiladas visualiza la composición de una variable categórica entre distintas categorías de otra variable categórica. En este gráfico, “Cantidad solicitada” y “Clasificación temática del producto” son las variables categóricas. “Cantidad solicitada” tiene diez categorías, del 1 al 10, mientras que “Clasificación temática del producto” incluye seis categorías: Accesorios informáticos, Mobiliario de oficina, Dispositivos informáticos, Dispositivos de almacenamiento, Otros y Equipos de oficina.
- Cada barra del gráfico representa una cantidad solicitada diferente y, dentro de cada barra, los porcentajes de las seis categorías de productos se apilan hasta sumar 100%. Por ejemplo, el segmento que representa Accesorios informáticos muestra el porcentaje de esta categoría para cada cantidad solicitada. Para Cantidad solicitada 1, Accesorios informáticos representa el 71,43% del total, lo que indica que, de todos los pedidos con una cantidad de 1, el 71,43% corresponde a Accesorios informáticos.
- Del mismo modo, los demás segmentos de cada barra representan los porcentajes de Mobiliario de oficina, Dispositivos informáticos, Dispositivos de almacenamiento, Otros y Equipos de oficina para cada cantidad solicitada. Por ejemplo, para Cantidad solicitada 2, Mobiliario de oficina representa el 18,75%, Dispositivos informáticos el 18,75%, Dispositivos de almacenamiento el 12,50%, Otros el 18,75% y Equipos de oficina el 6,25%.
- Este gráfico ilustra eficazmente cómo varía la distribución de las categorías de productos según las distintas cantidades solicitadas, ofreciendo una representación visual clara de los datos.
DEMO 11
- Un gráfico de series temporales es un tipo de gráfico que muestra cómo cambian los valores de una variable a lo largo del tiempo. En este caso, el gráfico muestra el precio medio de un producto (“Precio unitario”) desde el 30 de diciembre de 2022 hasta el 24 de diciembre de 2023. El gráfico incluye una línea que representa el precio medio de cada fecha dentro de este periodo.
- El precio máximo registrado es de 195,82 y se produjo el 31 de octubre de 2023. El gráfico ofrece una representación visual de las fluctuaciones del precio del producto durante el periodo especificado, lo que permite comprender fácilmente las tendencias y los patrones de los datos.
DEMO 12
- El gráfico de series temporales ilustra los cambios en la cantidad de productos solicitados a lo largo del tiempo, desde el 30 de diciembre de 2022 hasta el 24 de diciembre de 2023. El gráfico destaca la cantidad media solicitada para cada grupo durante este periodo. Los puntos de datos del gráfico representan la cantidad solicitada en fechas concretas y muestran las fluctuaciones y tendencias a lo largo del año.
- La cantidad máxima solicitada, que fue de 15, se produjo el 24 de julio de 2023. Este pico es un punto significativo del conjunto de datos, ya que indica una demanda elevada en ese día concreto. El gráfico ofrece una representación visual clara de cómo varía la cantidad solicitada a lo largo del tiempo, lo que permite identificar fácilmente patrones, tendencias y anomalías en el comportamiento de los pedidos.
- En conjunto, el gráfico de series temporales es una herramienta informativa para comprender la dinámica temporal de los pedidos de productos, ya que muestra tanto las cantidades medias como los puntos máximos y mínimos específicos dentro del periodo indicado.
DEMO 13
- El gráfico revela que la categoría Tableta tiene la mayor proporción, con 16% del total. Le sigue la categoría Teclado, que representa 13%. La categoría Monitor representa 12%, mientras que las categorías Portátil, Auriculares, Disco duro externo y Escritorio aportan cada una 10%. La categoría Silla representa 8%, la categoría Impresora 6% y la categoría Ratón 5%.
- Esta herramienta visual destaca eficazmente las proporciones relativas de cada categoría de producto, lo que facilita identificar qué productos son más y menos frecuentes en el conjunto de datos. Por ejemplo, queda claro que las tabletas son el producto más común, mientras que los ratones son el menos común.
DEMO 14
- Un gráfico de barras apiladas visualiza la composición global de una variable categórica en las distintas categorías de otra variable categórica. En este caso, el gráfico ilustra la distribución de diversos productos en seis categorías de “Clasificación temática del producto”. Tanto “Producto” como “Clasificación temática del producto” son variables categóricas, lo que significa que consisten en etiquetas de texto que pueden agruparse o categorizarse.
- La variable “Producto” incluye diez categorías: Disco duro externo, Portátil, Impresora, Tableta, Escritorio, Silla, Teclado, Monitor, Auriculares y Ratón. La variable “Clasificación temática del producto” incluye seis categorías: Otros, Mobiliario de oficina, Equipamiento de oficina, Dispositivos informáticos, Accesorios informáticos y Dispositivos de almacenamiento.
- Cada barra del gráfico representa un producto, y los segmentos de cada barra muestran la distribución porcentual de ese producto entre las seis categorías de “Clasificación temática del producto”. Los porcentajes de cada categoría de producto se apilan dentro de la barra y suman 100%. Por ejemplo, el segmento que representa Disco duro externo se encuentra íntegramente dentro de la categoría Dispositivos de almacenamiento, lo que indica que 100% de los discos duros externos pertenece a esta clasificación. De forma similar, la categoría Portátil se encuentra íntegramente dentro de la clasificación Dispositivos informáticos.
- El gráfico ofrece una representación visual clara de cómo se clasifica cada producto en las distintas categorías, lo que facilita comprender de un vistazo la distribución y clasificación de los productos.
DEMO 15
- Un gráfico de recuento es un gráfico de barras que permite ver qué categorías aparecen con mayor frecuencia y compararlas fácilmente. Este gráfico de recuento muestra la distribución de diez categorías de productos diferentes según su porcentaje de aparición.
- En este gráfico, la categoría Tabletas tiene el porcentaje más alto y representa 16% del total. Después de las tabletas, los teclados constituyen 13% y los monitores representan 12%. Los auriculares, discos duros externos, portátiles y escritorios aportan cada uno 10% al total. Las sillas representan 8%, las impresoras 6% y los ratones 5%.
- Esta visualización destaca eficazmente la frecuencia relativa de cada categoría de producto, dejando claro qué productos se solicitan con mayor frecuencia.
DEMO 16
- Este gráfico de anillo ilustra la distribución de seis categorías dentro de la clasificación temática de productos. El gráfico representa visualmente el porcentaje que cada categoría aporta al total. Los accesorios informáticos predominan en el gráfico y constituyen 40% del total. Le sigue el mobiliario de oficina con 18%, mientras que los dispositivos informáticos representan 16%. Tanto los dispositivos de almacenamiento como la categoría denominada Otros representan cada uno 10% del total. Los equipos de oficina constituyen la proporción más pequeña, con 6%. Esta representación visual permite comprender de inmediato las proporciones relativas de cada categoría.
DEMO 17
- Un gráfico de densidad de kernel ilustra la distribución de una única variable numérica y muestra eficazmente la concentración de datos en determinados intervalos. El eje x representa el rango de todos los valores posibles de la variable, como “Precio unitario”. Un gráfico más alto indica una mayor probabilidad de que se produzcan esos valores. Por ejemplo, los valores de “Precio unitario” se concentran principalmente en torno a 35,65.
- El área bajo el gráfico entre dos valores corresponde al porcentaje de valores de “Precio unitario” presentes en ese intervalo. Por ejemplo, sombrear el área bajo el gráfico entre 40,97 y 161,23 mostraría que aproximadamente 52% de todos los valores de “Precio unitario” se encuentran dentro de este rango.
- No es esencial conocer la altura exacta del gráfico. En cambio, resulta más útil identificar anomalías o variaciones en su forma. Por ejemplo, si el eje x representara el gasto de los clientes, una cola larga y extendida hacia la derecha indicaría que unos pocos clientes gastan significativamente más que el resto.
DEMO 18
- El gráfico es una serie temporal que ilustra los recuentos medios de una variable a lo largo del tiempo, desde el 30 de diciembre de 2022 hasta el 24 de diciembre de 2023. Cada punto de datos del gráfico representa el recuento medio para una fecha concreta. Los valores fluctúan entre 1,0 y 2,0, y el recuento máximo de 2,0 se produce en varias fechas, incluido el 3 de enero de 2023. El gráfico proporciona una representación visual clara de cómo cambian los recuentos medios durante el periodo especificado, lo que permite identificar fácilmente tendencias y patrones en los datos.
DEMO 19
Comparte esto:
- Enviar un enlace a un amigo por correo electrónico (Se abre en una ventana nueva) Correo electrónico
- Compartir en LinkedIn (Se abre en una ventana nueva) LinkedIn
- Compartir en X (Se abre en una ventana nueva) X
- Comparte en Facebook (Se abre en una ventana nueva) Facebook
- Compartir en WhatsApp (Se abre en una ventana nueva) WhatsApp
- Compartir en Reddit (Se abre en una ventana nueva) Reddit
- Imprimir (Se abre en una ventana nueva) Imprimir
- Más
