{"id":274744,"date":"2025-07-11T13:35:21","date_gmt":"2025-07-11T04:35:21","guid":{"rendered":"https:\/\/dei.so\/?page_id=274744"},"modified":"2026-09-30T07:09:37","modified_gmt":"2026-09-29T22:09:37","slug":"deios-visly-demos","status":"publish","type":"page","link":"https:\/\/dei.so\/es\/deios-visly-demos\/","title":{"rendered":"DEISO Demos de Visly"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n\t\t
\r\n\t\tExplorar DEISO Visly<\/span>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t<\/polygon>\r\n\t\t\t<\/svg>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n\t\t
\r\n\t\tConocer DEISO Story Telling<\/span>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t<\/polygon>\r\n\t\t\t<\/svg>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n\t\t
\r\n\t\tIniciar sesi\u00f3n en DEISO Visly<\/span>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t<\/polygon>\r\n\t\t\t<\/svg>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

DEISO Demos interactivas de Visly y Storytelling<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

DEISO Visly is a unified platform for data visualization, interactive dashboards, and storytelling. It supports over 25 graph types and is designed to simplify complex information through clear, engaging visuals. Whether used for technical reports, business insights, or project summaries, Visly adapts to any industry and project type, offering a flexible and powerful way to communicate data-driven stories.<\/p>

This page showcases the capabilities of DEISO Visly through a collection of around 20 live, interactive demo charts. Visitors can explore each visualization in real time to experience how data can be transformed into compelling insights.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

DEMO 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gr\u00e1fico interactivo: cuota de mercado de navegadores a lo largo del tiempo<\/strong><\/h3>

Este gr\u00e1fico interactivo muestra la evoluci\u00f3n del uso de los principales navegadores web \u2014Chrome, Safari, Internet Explorer (IE), Edge, Firefox y Opera\u2014, medida a partir de solicitudes de servicio entre 2007 y 2019. La visualizaci\u00f3n se presenta como un gr\u00e1fico de \u00e1reas apiladas adaptable integrado mediante un iframe. Permite explorar de forma interactiva las tendencias de los navegadores a lo largo del tiempo.<\/p>

El eje x representa la l\u00ednea 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\u00e1s.<\/p>

Cada navegador se visualiza con un color \u00fanico y un relleno semitransparente para facilitar su diferenciaci\u00f3n 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\u00e1ximo de 60% en 2019. IE, que dominaba en 2007 con una cuota superior a 60%, cae bruscamente despu\u00e9s de 2010. Edge aparece m\u00e1s tarde con una presencia reducida pero creciente, mientras que Firefox, Safari y Opera se mantienen relativamente estables, con fluctuaciones menores.<\/p>

Dos anotaciones clave destacan las transiciones del mercado: en 2012, Chrome alcanz\u00f3 28%, mientras que IE descendi\u00f3 a 32%. En 2019, Chrome creci\u00f3 hasta 60%, y IE y Edge representaban conjuntamente solo 7%. Estas anotaciones se indican con l\u00edneas de llamada y texto para resaltarlas.<\/p>

Las funciones de la interfaz incluyen selecci\u00f3n de idioma, un conmutador de modo oscuro\/claro y herramientas de interacci\u00f3n de zoom. El gr\u00e1fico se integra con una relaci\u00f3n de aspecto de 16:9 para mantener su adaptabilidad en todos los dispositivos. El estilo de integraci\u00f3n es minimalista y elimina los permisos de pantalla completa y desplazamiento para una integraci\u00f3n fluida en sitios web o paneles.<\/p>

Este gr\u00e1fico de demostraci\u00f3n forma parte de una suite avanzada de visualizaci\u00f3n interactiva utilizada para presentar tendencias de uso de navegadores y predominio de plataformas a lo largo del tiempo.<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

DEMO 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mapa interactivo: distribuci\u00f3n de la poblaci\u00f3n por prefectura en Jap\u00f3n<\/strong><\/h3>

Este mapa coropl\u00e9tico interactivo visualiza la distribuci\u00f3n de la poblaci\u00f3n en las 47 prefecturas de Jap\u00f3n. El gr\u00e1fico utiliza un gradiente de color para reflejar el tama\u00f1o de la poblaci\u00f3n en cada prefectura, lo que permite identificar r\u00e1pidamente las regiones m\u00e1s y menos pobladas. Cuanto m\u00e1s oscuro es el rojo, mayor es la poblaci\u00f3n.<\/p>

El fondo se muestra en azul marino oscuro para crear contraste visual, mientras que la barra de gradiente de poblaci\u00f3n situada a la derecha va del rosa claro (poblaci\u00f3n baja, aproximadamente 878.000) al rojo oscuro (poblaci\u00f3n alta, m\u00e1s de 9 millones). Esta escala crom\u00e1tica facilita la identificaci\u00f3n de patrones demogr\u00e1ficos en todo el pa\u00eds.<\/p>

Cada regi\u00f3n est\u00e1 claramente delimitada y es interactiva. Cuando un usuario pasa el cursor o hace clic en una prefectura, se muestra una informaci\u00f3n emergente con lo siguiente:<\/p>

  • El nombre de la prefectura en japon\u00e9s<\/strong> (e.g., \u5317\u6d77\u9053)<\/p><\/li>

  • Su nombre en Ingl\u00e9s<\/strong> (p. ej., Hokkaido)<\/p><\/li>

  • El poblaci\u00f3n total<\/strong> en millones redondeados<\/strong> (p. ej., 5 M)<\/p><\/li><\/ul>

    El mapa muestra Tokio como la zona m\u00e1s densamente poblada (rojo intenso), seguida de prefecturas como Osaka y Kanagawa. Las regiones menos pobladas, como Tottori y Shimane, aparecen en tonos m\u00e1s claros.<\/p>

    Las principales funciones de la interfaz incluyen un conmutador de idioma en la esquina superior derecha (en ingl\u00e9s 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<\/code> relaci\u00f3n de aspecto para una presentaci\u00f3n \u00f3ptima en todos los dispositivos.<\/p>

    Este mapa interactivo es ideal para el an\u00e1lisis demogr\u00e1fico geogr\u00e1fico y las aplicaciones de planificaci\u00f3n regional. Proporciona una interfaz intuitiva para explorar las distribuciones de poblaci\u00f3n y se integra sin problemas en cualquier sitio web o panel de datos.<\/p>

    \u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    DEMO 3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Gr\u00e1fico de barras interactivo: gasto medio en seguro de autom\u00f3vil por estado<\/strong><\/h3>

    Este gr\u00e1fico de barras interactivo visualiza el gasto medio en seguro de autom\u00f3vil<\/strong> 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\u00f3lares destinado al seguro de autom\u00f3vil.<\/p>

    El Eje Y<\/strong> est\u00e1 etiquetado en incrementos de d\u00f3lares, de $0 a $500. Una l\u00ednea de referencia<\/strong> roja se marca en el nivel de $300 para indicar el umbral medio. Las barras por encima de esta l\u00ednea indican gastos de seguro superiores a la media; las que est\u00e1n por debajo indican costes menores.<\/p>

    Los estados se indican en el eje X<\/strong> mediante abreviaturas de dos letras, p. ej., AL (Alabama), CA (California), NY (Nueva York), etc.<\/p>

    Cada barra es interactiva:<\/p>

    • Cuando el usuario hace clic o pasa el cursor<\/strong> sobre una barra, aparece una informaci\u00f3n emergente que muestra:<\/p>

      • El nombre del estado<\/strong><\/p><\/li>

      • El coste exacto del seguro<\/strong> (p. ej., \u201c$452\u201d para California)<\/p><\/li><\/ul><\/li>

      • Las barras est\u00e1n codificadas individualmente por colores<\/strong> para facilitar su diferenciaci\u00f3n visual y la comparaci\u00f3n directa.<\/p><\/li><\/ul>

        Valores de ejemplo del gr\u00e1fico:<\/p>

        • CA (California)<\/strong>: $452 (el valor m\u00e1s alto del gr\u00e1fico)<\/p><\/li>

        • NY (Nueva York)<\/strong>: $447<\/p><\/li>

        • MT (Montana)<\/strong>: $45 (el valor m\u00e1s bajo del gr\u00e1fico)<\/p><\/li>

        • GA (Georgia)<\/strong>: $405<\/p><\/li>

        • AZ (Arizona)<\/strong>: $220<\/p><\/li><\/ul>

          Efectos visuales:<\/p>

          • El gr\u00e1fico tiene un fondo negro<\/strong> para crear contraste.<\/p><\/li>

          • Las l\u00edneas de cuadr\u00edcula mejoran la legibilidad.<\/p><\/li>

          • Hay disponible un selector de modo claro\/oscuro para mejorar la accesibilidad.<\/p><\/li>

          • Al pasar el cursor, las barras pueden animarse o iluminarse ligeramente para indicar la selecci\u00f3n.<\/p><\/li><\/ul>

            Este gr\u00e1fico de barras es ideal para realizar un an\u00e1lisis comparativo r\u00e1pido de los costes de los seguros de autom\u00f3vil entre estados y facilita la toma de decisiones en estudios comparativos de costes o p\u00f3lizas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

            \n\t\t\t\t
            \n\t\t\t\t\t\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
            \n\t\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t

            DEMO 4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t\t\t\t\t
            • Esta matriz ilustra la capacidad predictiva entre distintas columnas de un conjunto de datos mediante un \u00cdndice de Poder Predictivo (PPI) que va de 0 a 100. Una puntuaci\u00f3n de 0 indica ausencia de capacidad predictiva, mientras que una puntuaci\u00f3n de 100 indica una predicci\u00f3n perfecta. La matriz muestra hasta qu\u00e9 punto una columna puede predecir otra; la intensidad de la predicci\u00f3n se indica mediante la oscuridad del cuadrado.<\/li>
            • Por ejemplo, la columna Producto puede predecir perfectamente la clasificaci\u00f3n Temas para Producto con una puntuaci\u00f3n de 100. Sin embargo, en sentido inverso la relaci\u00f3n es menos s\u00f3lida: la clasificaci\u00f3n Temas para Producto predice Producto con una puntuaci\u00f3n de 70. Del mismo modo, Cantidad solicitada puede predecir Fecha de pedido con una puntuaci\u00f3n de 16, pero Fecha de pedido no puede predecir en absoluto Cantidad solicitada, con una puntuaci\u00f3n de 0.<\/li>
            • Cuanto m\u00e1s oscuro sea el cuadrado, m\u00e1s fuerte ser\u00e1 la relaci\u00f3n predictiva. Los cuadrados m\u00e1s oscuros son m\u00e1s relevantes para crear gr\u00e1ficos informativos. La leyenda indica correlaciones tanto positivas como negativas, y los cuadrados sombreados representan correlaciones indeterminadas debido a categor\u00edas sin ordenar. Estas correlaciones indeterminadas suelen producirse cuando una de las columnas contiene categor\u00edas sin un orden l\u00f3gico, como Pa\u00eds, G\u00e9nero o color de ojos.<\/li>
            • Al pasar el cursor sobre los cuadrados se obtienen m\u00e1s 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\u00e1lisis y una visualizaci\u00f3n de datos m\u00e1s eficaces.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
              \n\t\t\t\t
              \n\t\t\t\t\t\n<\/iframe>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
              \n\t\t\t\t
              \n\t\t\t\t\t

              DEMO 5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
              \n\t\t\t\t
              \n\t\t\t\t\t\t\t\t\t
              • Este gr\u00e1fico de barras muestra el precio medio de cada producto, ordenado de mayor a menor. El gr\u00e1fico incluye diez productos, y el precio medio se calcula agregando el precio de cada grupo de productos. El producto con el precio medio m\u00e1s alto es la impresora, con $134,22. Despu\u00e9s de la impresora, el rat\u00f3n tiene un precio medio de $114,88 y la tableta de $111,73. Otros productos incluidos en el gr\u00e1fico son el escritorio, el monitor, la silla, el teclado, el disco duro externo, el port\u00e1til 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.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                \n\t\t\t\t
                \n\t\t\t\t\t