{"id":2707,"date":"2026-07-14T11:45:20","date_gmt":"2026-07-14T03:45:20","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/"},"modified":"2026-07-14T11:45:20","modified_gmt":"2026-07-14T03:45:20","slug":"vpascode-echarts-support-chart-maker","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/","title":{"rendered":"VPasCode ahora admite la edici\u00f3n de gr\u00e1ficos &#8211; Su editor de gr\u00e1ficos definitivo y plataforma de texto a diagrama"},"content":{"rendered":"<p>En Visual Paradigm, estamos constantemente superando los l\u00edmites de c\u00f3mo los desarrolladores, analistas de datos y profesionales de la tecnolog\u00eda visualizan sistemas y conjuntos de datos complejos. Recientemente, presentamos<strong><a href=\"https:\/\/www.vpascode.com\/overview\/\">VPasCode<\/a><\/strong>, una plataforma unificada de texto a diagrama dise\u00f1ada para eliminar la fricci\u00f3n de pasar entre m\u00faltiples herramientas de dibujo. Al admitir opciones de sintaxis populares como Mermaid, PlantUML y Graphviz dentro de un \u00fanico entorno de desarrollo integrado, VPasCode se ha convertido r\u00e1pidamente en un ecosistema de elecci\u00f3n para la generaci\u00f3n r\u00e1pida y precisa de diagramas.<\/p>\n<p>Hoy estamos encantados de anunciar una importante mejora en nuestra herramienta:<strong>VPasCode ahora admite nativamente Apache ECharts<\/strong>. Esta incorporaci\u00f3n transforma nuestro entorno de diagramaci\u00f3n en un potente generador de gr\u00e1ficos altamente flexible y basado en c\u00f3digo<strong>creador de gr\u00e1ficos<\/strong>. Ahora puede transformar sus configuraciones JSON o descripciones asistidas por IA en visualizaciones de datos ricas e interactivas en tiempo real.<\/p>\n<p id=\"gaOoCKS\"><img fetchpriority=\"high\" alt=\"Screenshot of Visual Paradigm's VPasCode, opening a column chart in EChart format\" class=\"alignnone wp-image-2905 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"745\" sizes=\"(max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b06a06ebf.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b06a06ebf.png 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b06a06ebf-300x188.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b06a06ebf-1024x640.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b06a06ebf-768x480.png 768w\" width=\"1192\"\/><\/p>\n<p>Con nuestra interfaz lado a lado, los mecanismos permanecen simples e intuitivos: ingrese su objeto de configuraci\u00f3n de ECharts en el panel izquierdo, y sus componentes de tablero interactivos se renderizar\u00e1n sin problemas en el panel derecho.<\/p>\n<hr\/>\n<h3>\u00bfPor qu\u00e9 elegir VPasCode como su generador de gr\u00e1ficos?<\/h3>\n<p>Mientras que el software est\u00e1ndar de generaci\u00f3n de gr\u00e1ficos obliga a arrastrar, soltar y ajustar manualmente p\u00edxeles individuales, VPasCode depende completamente de c\u00f3digo estructurado. La integraci\u00f3n de ECharts desbloquea ventajas distintivas para los equipos t\u00e9cnicos modernos:<\/p>\n<ul>\n<li><strong>Arquitectura unificada:<\/strong> Cambie sin esfuerzo entre plantillas de arquitectura de aplicaciones (mediante PlantUML\/Mermaid) y tableros de an\u00e1lisis de datos (mediante ECharts) dentro de la misma pesta\u00f1a.<\/li>\n<li><strong>Flujos de trabajo impulsados por IA:<\/strong>Aproveche nuestra plataforma como un inteligente<strong>generador de gr\u00e1ficos con IA<\/strong>. Describa sus requisitos de datos de forma nativa (en nuestro chatbot de diagramaci\u00f3n con IA) y observe visualizaciones precisas creadas autom\u00e1ticamente sin estilo manual.<\/li>\n<li><strong>Estados altamente compartibles:<\/strong>Cada configuraci\u00f3n de diagrama se comprime en una URL \u00fanica y compartible, lo que hace extremadamente f\u00e1cil colaborar en revisiones de c\u00f3digo, documentaci\u00f3n de wikis o presentaciones en vivo para clientes.<\/li>\n<\/ul>\n<hr\/>\n<h3>Explorando ejemplos en vivo de ECharts en VPasCode<\/h3>\n<p>Para demostrar el rendimiento de nuestro<strong>generador de gr\u00e1ficos<\/strong>, hemos preparado varias plantillas de visualizaci\u00f3n de datos de producci\u00f3n. Puede interactuar directamente con cada ejemplo visitando los enlaces de prueba adjuntos.<\/p>\n<h4>1. Gr\u00e1fico de barras apiladas (An\u00e1lisis de ventas por regi\u00f3n)<\/h4>\n<p>Perfecto para ver totales absolutos entre grupos mientras se desglosan simult\u00e1neamente las distribuciones categ\u00f3ricas.<\/p>\n<p id=\"vjGRxNm\"><img alt=\"A stacked bar chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2898\" decoding=\"async\" height=\"498\" sizes=\"(max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af7c83297.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af7c83297.png 1678w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af7c83297-300x233.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af7c83297-1024x797.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af7c83297-768x598.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af7c83297-1536x1195.png 1536w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqNkbFug0AMQPdI+QcPlWglBgghaag6dOhalaRShyiDEyxy6pVDh0lBUf69PgptVGXIcPYZ7j37wJSsTAGPcByPAFixpgSOwNRwAl5ao2WyuoUVaqpg28KScgE8OPkdYIxmVXaIVXlOVihsVOX54NKrUQW7h\/K+LUXtVXvMzJfwvUFTTkXmDmTImMDaezGW98J7K1P\/bJ6xYpffSfKmB5sn8Z+JD6hrklMFfrpySQcqaoJbVcBN6AdBcDcM3f4jd8iUG9sKPMyQhq5fOuli1MXpb+eKrCIRrF0B4ulbDoP32i1aKSrG3YdUb4ZR\/3W4j30IJ4EPC7eJg8F9phuuf41uJpaF2MLQheiSrv+IV+mmopuLqZsyuGTrfsWVtkhMsayZrHksMufajEenh2+XTbPp\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqV0cFqAjEQBuC74DvMobAtLGVXXa2WHj300iItpaV4iDrYyJosk1FaxEfy1EfwxTqzrtaCB3tINlky3x8mvmDrHdzBql4D4O2GF7nvwQoYP1kW0Qs6NgGY7BwDk8kxQOEJCKd2++0iWMda+YFEZm71sFabMdulmXgSAWcYxVAsHCP5\/gxL3RaKBz8fkRGjUnL8QjcphYlhH3rwHj14YgWipwXppx9220fUxbCqlJDXI3hpcq+nnQZIYnTvpoTBB7hEBxfpdZIkV9Fv7dtR7dgwTj1tN0aAwzUGqYYOGuXcLOfWIT0gWdRjugGhDrn721f2yEibZGsKm0t75M+zZ5MfBd1kMaSNJIauLrJkH\/FH3bXibLMtVFfINNWpedqs+nq+2hK1I2B54+Q0unuk\/6hNETMZbRmdTFA1h\/Xa+vYHK6jIig==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  t\u00edtulo: { texto: 'Ventas trimestrales por regi\u00f3n' },\r\n  herramienta: { activador: 'eje', punteroEje: { tipo: 'sombra' } },\r\n  leyenda: { datos: ['Norte', 'Sur', 'Este', 'Oeste'] },\r\n  ejeX: { tipo: 'valor', nombre: 'Ingresos (en $1.000)' },\r\n  ejeY: { tipo: 'categor\u00eda', datos: ['Q1', 'Q2', 'Q3', 'Q4'] },\r\n  series: [\r\n    { nombre: 'Norte', tipo: 'barra', apilado: 'Total', datos: [85, 120, 95, 150] },\r\n    { nombre: 'Sur', tipo: 'barra', apilado: 'Total', datos: [65, 90, 110, 130] },\r\n    { nombre: 'Este',  tipo: 'barra', apilado: 'Total', datos: [45, 70, 85, 100] },\r\n    { nombre: 'Oeste',  tipo: 'barra', apilado: 'Total', datos: [30, 50, 60, 75] }\r\n  ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqV0cFqAjEQBuC74DvMobAtLGVXXa2WHj300iItpaV4iDrYyJosk1FaxEfy1EfwxTqzrtaCB3tINlky3x8mvmDrHdzBql4D4O2GF7nvwQoYP1kW0Qs6NgGY7BwDk8kxQOEJCKd2++0iWMda+YFEZm71sFabMdulmXgSAWcYxVAsHCP5\/gxL3RaKBz8fkRGjUnL8QjcphYlhH3rwHj14YgWipwXppx9220fUxbCqlJDXI3hpcq+nnQZIYnTvpoTBB7hEBxfpdZIkV9Fv7dtR7dgwTj1tN0aAwzUGqYYOGuXcLOfWIT0gWdRjugGhDrn721f2yEibZGsKm0t75M+zZ5MfBd1kMaSNJIauLrJkH\/FH3bXibLMtVFfINNWpedqs+nq+2hK1I2B54+Q0unuk\/6hNETMZbRmdTFA1h\/Xa+vYHK6jIig==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqNkbFug0AMQPdI+QcPlWglBgghaag6dOhalaRShyiDEyxy6pVDh0lBUf69PgptVGXIcPYZ7j37wJSsTAGPcByPAFixpgSOwNRwAl5ao2WyuoUVaqpg28KScgE8OPkdYIxmVXaIVXlOVihsVOX54NKrUQW7h\/K+LUXtVXvMzJfwvUFTTkXmDmTImMDaezGW98J7K1P\/bJ6xYpffSfKmB5sn8Z+JD6hrklMFfrpySQcqaoJbVcBN6AdBcDcM3f4jd8iUG9sKPMyQhq5fOuli1MXpb+eKrCIRrF0B4ulbDoP32i1aKSrG3YdUb4ZR\/3W4j30IJ4EPC7eJg8F9phuuf41uJpaF2MLQheiSrv+IV+mmopuLqZsyuGTrfsWVtkhMsayZrHksMufajEenh2+XTbPp\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>2. Gr\u00e1fico de l\u00edneas con \u00e1rea sombreada (crecimiento mensual del sitio web)<\/h4>\n<p>Dise\u00f1ado para rastrear cambios cronol\u00f3gicos con interpolaciones suaves y alineaciones limpias de cuadr\u00edcula.<\/p>\n<p><img alt=\"A line chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2899\" decoding=\"async\" height=\"458\" sizes=\"(max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af9111db3.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af9111db3.png 1797w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af9111db3-300x215.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af9111db3-1024x733.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af9111db3-768x550.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55af9111db3-1536x1099.png 1536w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNpdUT1rwzAQ3QP5D7dpMcUfKTQuHbJ0CM1U6BI8nJOLLZAlI5+LTfB\/78kfS5fj8fTeuyfJtaydhQ947ncArNlQDk9gGjgHdXGWazPCj+40dyoCQ4\/A38gyeQVTNLucM6zb2ed1VZEXCQ662wSV1\/dwurgPcQQiqwWmAtmJ81VA6Zhdk0Mm+CaLUdsvLMnkktrTGjWcJHfeNLYUmiBT5fwo3e7ImMNVndGqSH1SKfOCXuap9TMWlTr3VhVr2Pgv7BdNT1vpjrwmOb3OLwNgsQma7SkWcjUabWmjusY5rpfSK7U2ewvXPWapjDgJ6BBBkh6FTLIsLlYxesJvHpd\/cC3eNI85xC8ZTEEwFfvd9P4HVr19WA==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNpdUT1rwzAQ3QP5D7dpMcUfKTQuHTK0Q2mnQpfg4ZxcHIEsGelcbIL\/e0+2Q6HL8bh7793TyXWsnYUXuG03AKzZUAk3YBq4BPWtg2YM0JINPRoKKgFDlzg6kWXyCqZkFjpnWHez1OumIS8UHHS4Exqvz3G6qHdpAkK7CswFshPlo4DaMbu2hELwyVlGbT+wJlOKa0+r1XAQ33nT2FFMgkyN86NkOyNjCUf1akkl6o1qqZ\/opR5qP2Nhqffeqmo1G\/+Z\/aDp6R46kNck0+N8HACLLf1dRSVLd1UaHZcurdA6x9cl9dpaoz3F9+6LXEqaRbRLIMv30syKIq1WMnrCLx6Xv3AdnjSPJaQPBUyRMFXbzfT8C\/xDfu0=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Visitas mensuales', left: 'center' },\r\n  tooltip: { trigger: 'axis' },\r\n  grid: { left: 40, right: 20, top: 50, bottom: 30, containLabel: true },\r\n  xAxis: { type: 'category', data: ['Ene','Feb','Mar','Abr','May','Jun'] },\r\n  yAxis: { type: 'value' },\r\n  series: [{\r\n    name: 'Visitas',\r\n    type: 'line',\r\n    smooth: true,\r\n    data: [820, 932, 901, 934, 1290, 1330],\r\n    areaStyle: { opacity: 0.3 }\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNpdUT1rwzAQ3QP5D7dpMcUfKTQuHTK0Q2mnQpfg4ZxcHIEsGelcbIL\/e0+2Q6HL8bh7793TyXWsnYUXuG03AKzZUAk3YBq4BPWtg2YM0JINPRoKKgFDlzg6kWXyCqZkFjpnWHez1OumIS8UHHS4Exqvz3G6qHdpAkK7CswFshPlo4DaMbu2hELwyVlGbT+wJlOKa0+r1XAQ33nT2FFMgkyN86NkOyNjCUf1akkl6o1qqZ\/opR5qP2Nhqffeqmo1G\/+Z\/aDp6R46kNck0+N8HACLLf1dRSVLd1UaHZcurdA6x9cl9dpaoz3F9+6LXEqaRbRLIMv30syKIq1WMnrCLx6Xv3AdnjSPJaQPBUyRMFXbzfT8C\/xDfu0=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNpdUT1rwzAQ3QP5D7dpMcUfKTQuHbJ0CM1U6BI8nJOLLZAlI5+LTfB\/78kfS5fj8fTeuyfJtaydhQ947ncArNlQDk9gGjgHdXGWazPCj+40dyoCQ4\/A38gyeQVTNLucM6zb2ed1VZEXCQ662wSV1\/dwurgPcQQiqwWmAtmJ81VA6Zhdk0Mm+CaLUdsvLMnkktrTGjWcJHfeNLYUmiBT5fwo3e7ImMNVndGqSH1SKfOCXuap9TMWlTr3VhVr2Pgv7BdNT1vpjrwmOb3OLwNgsQma7SkWcjUabWmjusY5rpfSK7U2ewvXPWapjDgJ6BBBkh6FTLIsLlYxesJvHpd\/cC3eNI85xC8ZTEEwFfvd9P4HVr19WA==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>3. Gr\u00e1fico de \u00e1rea personalizado (resaltados brillantes)<\/h4>\n<p>Una excelente demostraci\u00f3n de la flexibilidad en el dise\u00f1o, donde los colores de l\u00ednea, las configuraciones de borde y la opacidad de relleno se pueden manipular instant\u00e1neamente.<\/p>\n<p id=\"IFnFsPx\"><img loading=\"lazy\" alt=\"A area chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2900\" decoding=\"async\" height=\"501\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afc1d9ff0.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afc1d9ff0.png 1910w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afc1d9ff0-300x235.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afc1d9ff0-1024x802.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afc1d9ff0-768x601.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afc1d9ff0-1536x1202.png 1536w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNp9kDFrwzAQhfdA\/sNBB7WgQbKpWxw6ZGkhkKnQDsHDOTk3AlUyslwsgv97pdim0EIH3eOk7+lJZ1uvrIEnuKxXAF55TSVcwNPgS2B7a\/xZB3inulOe4E1F6eA2E1lxx2DkyTRsB9VdTaGNZnZETx\/WBcahtr05oQsv2JbQoO6Iwwk9lnBgOzSRYM9UJ9mjS7Jt3dQlN9v1ZhLNqjks\/Ar7Qt3T8pKOnKJ4erh+BpYomQkOmYhF3sfyGNdDamQquaj4RM83amWIzVvoCF99mGZytNq6CNw0TVEX9RIKkBx\/KRK5zOUPFef3+Q+VoLFar8bNN++yb7Q=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp9kE9LxDAQxe8L+x0eeIhCD\/2Ddal42IMKgifBy9LDZHcqgWxTklRbln53k+0WQcFDZpjJ782bxHRemRYPOK1XgFdec4UTPA++gnhXTnlyOHLretLsQBqhpQy+WOI6T\/PyRmBKonjYDsqdxWMXhog9ef4wdhQJpOnbA9nxmboKDWnHCQ7kqcJOPLYcCPHEMqZXsjFtpZ2rqBYvfTsnLeqL2fjL7JN0z8smjq3icLs7PwqLVZanCfI0hOw2hE04d7HIYijSOpnpy0St4mJziyzTmx\/nv9kbbWwArpqmlKVcTIGo+EtxWmRF9kMpz8d\/qAhN9Xo13X8DcnByiA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Visitas mensuales al sitio web (2026)' },\r\n  xAxis: { type: 'category', boundaryGap: false, data: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul'] },\r\n  yAxis: { type: 'value' },\r\n  series: [{\r\n    data: [120, 200, 150, 80, 70, 110, 130],\r\n    type: 'line',\r\n    areaStyle: { color: '#ff6b6b' },\r\n    lineStyle: { color: '#e03131' },\r\n    itemStyle: { color: '#e03131' }\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp9kE9LxDAQxe8L+x0eeIhCD\/2Ddal42IMKgifBy9LDZHcqgWxTklRbln53k+0WQcFDZpjJ782bxHRemRYPOK1XgFdec4UTPA++gnhXTnlyOHLretLsQBqhpQy+WOI6T\/PyRmBKonjYDsqdxWMXhog9ef4wdhQJpOnbA9nxmboKDWnHCQ7kqcJOPLYcCPHEMqZXsjFtpZ2rqBYvfTsnLeqL2fjL7JN0z8smjq3icLs7PwqLVZanCfI0hOw2hE04d7HIYijSOpnpy0St4mJziyzTmx\/nv9kbbWwArpqmlKVcTIGo+EtxWmRF9kMpz8d\/qAhN9Xo13X8DcnByiA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNp9kDFrwzAQhfdA\/sNBB7WgQbKpWxw6ZGkhkKnQDsHDOTk3AlUyslwsgv97pdim0EIH3eOk7+lJZ1uvrIEnuKxXAF55TSVcwNPgS2B7a\/xZB3inulOe4E1F6eA2E1lxx2DkyTRsB9VdTaGNZnZETx\/WBcahtr05oQsv2JbQoO6Iwwk9lnBgOzSRYM9UJ9mjS7Jt3dQlN9v1ZhLNqjks\/Ar7Qt3T8pKOnKJ4erh+BpYomQkOmYhF3sfyGNdDamQquaj4RM83amWIzVvoCF99mGZytNq6CNw0TVEX9RIKkBx\/KRK5zOUPFef3+Q+VoLFar8bNN++yb7Q=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>4. Gr\u00e1fico de pastel interactivo (mezcla de tr\u00e1fico de referencias)<\/h4>\n<p>Un dise\u00f1o cl\u00e1sico para calcular la cuota de mercado relativa o las fuentes de tr\u00e1fico, completo con un contenedor limpio de leyenda en la parte inferior.<\/p>\n<p><img loading=\"lazy\" alt=\"A pie chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2901\" decoding=\"async\" height=\"831\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afd092eaa.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afd092eaa.png 1221w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afd092eaa-231x300.png 231w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afd092eaa-789x1024.png 789w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afd092eaa-768x997.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afd092eaa-1183x1536.png 1183w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNp1kUFLxDAQhe+C\/2EukksPlW2xVDwsuP4ART2Ih2z7WgfSpCSzoiz732262xaE5jQz75s3D+J6YWfpgY7XV0TCYlDSkQQ\/UpJ6RgMPT64hTe\/YBxaohAyaqFawAq\/olIy7zhnhftz23LbwAzLw3QQYtLB11PdOxHUl3aYXKcAzQkkfsaFzlvis7oY4altVCIGevOtUMmny20etZywzr2s+DD4qT2+Waa1Fz96jP31rc0AMkBXJdOUF2ldftLMtW0yh\/y3cbfKZf2SPSlbAvEhncNdpNitcVmQz92rjV2zrsMJu0sXzjWu4Czuhn+di7If6dP8HT099Tw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp1j7FOxDAMhnck3sEL6tKh6FpRFTGcYGVBYkIMaeI7WUrjkrgH6HRPxcZ6L0bSowWBmsnx\/3\/2b+6F2MEN7M\/PAITEYgN7EHyTBrIH3KBHJwgGYXAQKLrhFdssB4ubZNFJ9hkc8nEAsxXqxxGetlv00UKC3WSwuEVnkt6yCHcNXBbfUkBPGBp4Sh84BUrPqS5mytZaY+AYJBjM8kmU9z6JPf3qeWVoiIOyqrj46Rolah4+LoCdsgOmBGWdT2vuWdinc9vjZ3gZ0Kgp+h\/qalXN0B151MILzqouZucte48MaKPfHz8c6SWqrMuZWrvBaeIAj44itECsiuI\/ES\/ZkcG0ZUKeT8X4j\/Xh+gsfWo95\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Referente de un sitio web', left: 'center' },\r\n  tooltip: { trigger: 'item' },\r\n  legend: { bottom: 10 },\r\n  series: [\r\n    {\r\n      name: 'Acceso desde',\r\n      type: 'pie',\r\n      radius: '50%',\r\n      data: [\r\n        { value: 1048, name: 'Motor de b\u00fasqueda' },\r\n        { value: 735, name: 'Directo' },\r\n        { value: 580, name: 'Correo electr\u00f3nico' },\r\n        { value: 484, name: 'Anuncios Uni\u00f3n' },\r\n        { value: 300, name: 'Anuncios de video' }\r\n      ]\r\n    }\r\n  ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp1j7FOxDAMhnck3sEL6tKh6FpRFTGcYGVBYkIMaeI7WUrjkrgH6HRPxcZ6L0bSowWBmsnx\/3\/2b+6F2MEN7M\/PAITEYgN7EHyTBrIH3KBHJwgGYXAQKLrhFdssB4ubZNFJ9hkc8nEAsxXqxxGetlv00UKC3WSwuEVnkt6yCHcNXBbfUkBPGBp4Sh84BUrPqS5mytZaY+AYJBjM8kmU9z6JPf3qeWVoiIOyqrj46Rolah4+LoCdsgOmBGWdT2vuWdinc9vjZ3gZ0Kgp+h\/qalXN0B151MILzqouZucte48MaKPfHz8c6SWqrMuZWrvBaeIAj44itECsiuI\/ES\/ZkcG0ZUKeT8X4j\/Xh+gsfWo95\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNp1kUFLxDAQhe+C\/2EukksPlW2xVDwsuP4ART2Ih2z7WgfSpCSzoiz732262xaE5jQz75s3D+J6YWfpgY7XV0TCYlDSkQQ\/UpJ6RgMPT64hTe\/YBxaohAyaqFawAq\/olIy7zhnhftz23LbwAzLw3QQYtLB11PdOxHUl3aYXKcAzQkkfsaFzlvis7oY4altVCIGevOtUMmny20etZywzr2s+DD4qT2+Waa1Fz96jP31rc0AMkBXJdOUF2ldftLMtW0yh\/y3cbfKZf2SPSlbAvEhncNdpNitcVmQz92rjV2zrsMJu0sXzjWu4Czuhn+di7If6dP8HT099Tw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>5. Gr\u00e1fico de radar (comparaci\u00f3n de arquitectura de service mesh)<\/h4>\n<p>Una estructura gr\u00e1fica multivariable utilizada com\u00fanmente para evaluar capacidades t\u00e9cnicas, benchmarks de software o criterios de arquitectura compleja lado a lado.<\/p>\n<p id=\"txlvAiA\"><img loading=\"lazy\" alt=\"A radar chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2910\" decoding=\"async\" height=\"660\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b17647e8f.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b17647e8f.png 1276w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b17647e8f-291x300.png 291w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b17647e8f-993x1024.png 993w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b17647e8f-768x792.png 768w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqFkUFPwkAQhe8m\/oe5VZNGSxTFGg\/GKIkBJZYb4TBsB9hk2212p0hj+O\/uskXtRQ7dSWfffK\/zqiuWuoQH+Do9AWDJilL4AqYtpxBlZDZSEIzJruEJK1xIJVmShUdrydqCSo5gF+9ntVYsKzcd3g3maNLABZBlLgWydp1Z6ICzKbFwdtF0bXS9Wlc1w9nHJDuPYihwm0IvSVp4R\/6CtWKYakUGS0FH1GMqtGngebmUQlIpmiP694V1W4dNj2kzErVxssvpKOtIg3LuSxhzTBebW77N4wcQAp4YvZSKbNR6cFP5632Gh16OjJ30Nqhqp5oN+jHcJTH0fXXPIJnHB4Oh9uxtA28690mhIcy4CX9ZVyjc16eQXFzBrrPggX3tuLct\/ybx9Zc9ohWKBl5xgzBEpk9s\/nHoeYe\/ubhzd\/8NdlOyoQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqFkcFKw0AQhu+C7zC3KARN0WqNeCyCiJbGW+lhmp3agSQbNtuQUPpUPoIv5mw3wdaDOSTDTP79\/sy\/urSsC3iC3fkZgGWbUQw7sNTYGIJpjdkWU\/7+KkARpFhKo1BR5dqKTM0pQU7VJoB9eCBonVkuheF7gwpN7OkAXChO0WqZLPwExKzAXEyDOcnXnKmwGi7ms+QyCCHHJoZRFHX0P\/qKM5GnjAPK6ZpTL3S\/nVOuzeCZ95VbD1diIQsPiBP63Bqnu\/54TU60Xrp0xZ8TKlMl+3eRdIQZmTVnx7myDjoj25ZOcoiynym0eBKiuylRLSbjEB6iEMauyjOJlmFv8qaVhtLopoVnoQMawsS2\/sq1u1vbxhBd3cD+ZMuefSvc+45\/F7n6y55hJbgM4QVrhA0ZkjjwH5ORMzmOR977xx9jF7iz\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Evaluaci\u00f3n de capacidades de service mesh' },\r\n  tooltip: {},\r\n  radar: {\r\n    indicator: [\r\n      { name: 'Rendimiento (RPS)', max: 100 },\r\n      { name: 'Resiliencia', max: 100 },\r\n      { name: 'Eficiencia de memoria', max: 100 },\r\n      { name: 'Observabilidad', max: 100 },\r\n      { name: 'Seguridad\/TLS', max: 100 }\r\n    ]\r\n  },\r\n  series: [{\r\n    name: 'Perfiles de servicio',\r\n    type: 'radar',\r\n    data: [\r\n      { value: [85, 90, 55, 95, 80], name: 'Nodo proxy Go', areaStyle: { opacity: 0.3 } },\r\n      { value: [40, 75, 90, 60, 90], name: 'Pasarela Java heredada', areaStyle: { opacity: 0.1 } }\r\n    ]\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqFkcFKw0AQhu+C7zC3KARN0WqNeCyCiJbGW+lhmp3agSQbNtuQUPpUPoIv5mw3wdaDOSTDTP79\/sy\/urSsC3iC3fkZgGWbUQw7sNTYGIJpjdkWU\/7+KkARpFhKo1BR5dqKTM0pQU7VJoB9eCBonVkuheF7gwpN7OkAXChO0WqZLPwExKzAXEyDOcnXnKmwGi7ms+QyCCHHJoZRFHX0P\/qKM5GnjAPK6ZpTL3S\/nVOuzeCZ95VbD1diIQsPiBP63Bqnu\/54TU60Xrp0xZ8TKlMl+3eRdIQZmTVnx7myDjoj25ZOcoiynym0eBKiuylRLSbjEB6iEMauyjOJlmFv8qaVhtLopoVnoQMawsS2\/sq1u1vbxhBd3cD+ZMuefSvc+45\/F7n6y55hJbgM4QVrhA0ZkjjwH5ORMzmOR977xx9jF7iz\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqFkUFPwkAQhe8m\/oe5VZNGSxTFGg\/GKIkBJZYb4TBsB9hk2212p0hj+O\/uskXtRQ7dSWfffK\/zqiuWuoQH+Do9AWDJilL4AqYtpxBlZDZSEIzJruEJK1xIJVmShUdrydqCSo5gF+9ntVYsKzcd3g3maNLABZBlLgWydp1Z6ICzKbFwdtF0bXS9Wlc1w9nHJDuPYihwm0IvSVp4R\/6CtWKYakUGS0FH1GMqtGngebmUQlIpmiP694V1W4dNj2kzErVxssvpKOtIg3LuSxhzTBebW77N4wcQAp4YvZSKbNR6cFP5632Gh16OjJ30Nqhqp5oN+jHcJTH0fXXPIJnHB4Oh9uxtA28690mhIcy4CX9ZVyjc16eQXFzBrrPggX3tuLct\/ybx9Zc9ohWKBl5xgzBEpk9s\/nHoeYe\/ubhzd\/8NdlOyoQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>6. Gr\u00e1fico de dispersi\u00f3n (perfil de m\u00e9trica de latencia de inferencia)<\/h4>\n<p>Ideal para identificar picos at\u00edpicos, umbrales de tama\u00f1o de carga \u00fatil y cuellos de botella de aplicaciones en infraestructuras distribuidas.<\/p>\n<p id=\"cINlNfp\"><img loading=\"lazy\" alt=\"A scatter chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2902\" decoding=\"async\" height=\"446\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3.png 2140w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3-300x209.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3-1024x713.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3-768x535.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3-1536x1069.png 1536w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afdea74d3-2048x1426.png 2048w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqtUstOwzAQvCPxDytxcBERxGkKfQASvaH2gNRj1IObOMWSY0e2WzVU\/XfWdsrrzMmzu7Mz67V164RW8ATHywsAJ5zkUziC4wc3BfKqam64KjksmcOzg72FN9ZJzSpYiQ9OEpC89tSSK8cNgVMShLSWTrRByojtlhukCMcbbKi1aZhzPlXvVBn8B+01Ug13O6OAeGXkww20t3smd7xI1xgQWMwfNwbunvtpfnNo5DSWzODUz3F4OQjrp1Cs8ZI\/Z4fBYn6N87iu9aUggqFtpXBLocIeJJ4r1\/VLicSK2XdeEe\/Ru3R\/XM7LGjT2fwwsN4KjQxFeCc5EW4Y9kiRmbddstIzLo1mfrJhj2BgDgIJmaQL5KF0nUGQ54tE44BHCjEaIzUBpGoKh5z9kiL8lxpgaTkI5932TKDfx6ShxnyKmwzwE1HNyLESFs5L\/Dl9XL7XU\/o9cMZamdY2X96QTtpxmnwjNv6k=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqtUj1PwzAQ3ZH4DycxpBURJGkK\/QAkurZb2aIObuIUS04cOVfUUOVHsbL2j3G2kyI6M+Xe3bv37i5WFQpVwjMcr68AUKDkMzgC8gPOwFsx5GUqGGQcRJlz7VBOX+TAJCAr2OlLmXrK9I7B6RuF9HyQPDcCqSFqD1rfyislUVTWQIvdjmuiCOQFNeRKFwzRpPJ9mdqpBtWQqJrjXpfgvTkvaoFbqO4+mNzzJNgQ8GC5eNpquH\/pB\/5LCh2pqL05tN0sh9eDqM0kJSto5V79YhMYLBdDmg6bypCsHMG6kgJXorS3kvRdY9MdzhEzVr\/zzDNunV9z4Xc+7aCo\/8eh5lpwskjsr4SeWKf2rJ7vsnVTbJVci0+qhVGXzBjSyRIHAJIwCnyIx8HGhySKKR5PbDymMApdSM0QhoEFI8N\/jCj+lZhQajS15dj0TZ3c1KSdxENAcTiKLQgNJ6aCU+iVzOs4r54qqcyTuWEsCPKcljekllra+Q8if9AZ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Latencia de inferencia frente al tama\u00f1o de carga \u00fatil', left: 'center' },\r\n  tooltip: { trigger: 'item', formatter: function (p) { return 'Tama\u00f1o: ' + p.value[0] + ' KB&lt;br \/&gt;Latencia: ' + p.value[1] + ' ms'; } },\r\n  xAxis: { name: 'Tama\u00f1o de carga \u00fatil (KB)', type: 'value', splitLine: { lineStyle: { type: 'dashed' } } },\r\n  yAxis: { name: 'Latencia (ms)', type: 'value', splitLine: { lineStyle: { type: 'dashed' } } },\r\n  series: [{\r\n    type: 'scatter',\r\n    symbolSize: 12,\r\n    data: [\r\n      [120, 450], [240, 580], [50, 210], [512, 1100], [320, 720],\r\n      [180, 390], [450, 950], [90, 310], [600, 1340], [150, 410]\r\n    ],\r\n    itemStyle: { color: '#aa00ff' }\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqtUj1PwzAQ3ZH4DycxpBURJGkK\/QAkurZb2aIObuIUS04cOVfUUOVHsbL2j3G2kyI6M+Xe3bv37i5WFQpVwjMcr68AUKDkMzgC8gPOwFsx5GUqGGQcRJlz7VBOX+TAJCAr2OlLmXrK9I7B6RuF9HyQPDcCqSFqD1rfyislUVTWQIvdjmuiCOQFNeRKFwzRpPJ9mdqpBtWQqJrjXpfgvTkvaoFbqO4+mNzzJNgQ8GC5eNpquH\/pB\/5LCh2pqL05tN0sh9eDqM0kJSto5V79YhMYLBdDmg6bypCsHMG6kgJXorS3kvRdY9MdzhEzVr\/zzDNunV9z4Xc+7aCo\/8eh5lpwskjsr4SeWKf2rJ7vsnVTbJVci0+qhVGXzBjSyRIHAJIwCnyIx8HGhySKKR5PbDymMApdSM0QhoEFI8N\/jCj+lZhQajS15dj0TZ3c1KSdxENAcTiKLQgNJ6aCU+iVzOs4r54qqcyTuWEsCPKcljekllra+Q8if9AZ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqtUstOwzAQvCPxDytxcBERxGkKfQASvaH2gNRj1IObOMWSY0e2WzVU\/XfWdsrrzMmzu7Mz67V164RW8ATHywsAJ5zkUziC4wc3BfKqam64KjksmcOzg72FN9ZJzSpYiQ9OEpC89tSSK8cNgVMShLSWTrRByojtlhukCMcbbKi1aZhzPlXvVBn8B+01Ug13O6OAeGXkww20t3smd7xI1xgQWMwfNwbunvtpfnNo5DSWzODUz3F4OQjrp1Cs8ZI\/Z4fBYn6N87iu9aUggqFtpXBLocIeJJ4r1\/VLicSK2XdeEe\/Ru3R\/XM7LGjT2fwwsN4KjQxFeCc5EW4Y9kiRmbddstIzLo1mfrJhj2BgDgIJmaQL5KF0nUGQ54tE44BHCjEaIzUBpGoKh5z9kiL8lxpgaTkI5932TKDfx6ShxnyKmwzwE1HNyLESFs5L\/Dl9XL7XU\/o9cMZamdY2X96QTtpxmnwjNv6k=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>7. Gr\u00e1fico de explosi\u00f3n solar (licenciamiento de c\u00f3digo de m\u00faltiples niveles)<\/h4>\n<p>Visualice relaciones jer\u00e1rquicas con anillos conc\u00e9ntricos. Nuestra plataforma act\u00faa como un creador org\u00e1nico<strong>creador de gr\u00e1ficos<\/strong> para simplificar configuraciones de datos anidados complejas como esta.<\/p>\n<p id=\"hmYmWKQ\"><img loading=\"lazy\" alt=\"A sunburst chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2903\" decoding=\"async\" height=\"658\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afed2221b.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afed2221b.png 1490w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afed2221b-292x300.png 292w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afed2221b-995x1024.png 995w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55afed2221b-768x790.png 768w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNp1UE1LxDAQvQv+h7lILkW6uyxoxcPSgwgrFhQv0kO2HdlAm4RJWixL\/7uTbmvLopdMMvM+8sZYr4yGRzhdXwF45StM4AQev30CIjUlHqRD2KsCNdfU1NY4FTgiggq\/AopHHklAHwUNh6TQJfA5KLJmZ1lSuEYfGnJeROc2yVI1ARZHIO7jG5GPg1J6ObMBtKwD\/9WihjfTUIGTBEBxVFVJqBk\/tYB\/P1IypFo5p1pmLKG\/gJfnd560smr4td1ygJm8s7I4Iqxv4xmyiaHPx5gXXqmxXVjHP05P2b7dzEKr9SA06eTnS7C\/SJ2RsbxOL6n7M\/XCv66RCiUr+EBdGlqY3bHZ6DDUcPYPP3Fhjr8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp1Uc1KxDAQvgu+w1wklyJ1lwWteJAeRFDYgzfpIZuO7kCahCQtLqVPtY+wL2bSH1sW95JkZr6ffIk2nrSCJ2ivrwA8eYkZtODxx2fAcl0Z7UjQ6aigRJAkUAniLhbidCzpW7MEJH5FdJh5tAy6JGo5tIQug89eOWgfTJBmrla72jrPkqFteUl1hKUJsIf0hhXjoOSez2wAxavIzwdX4DtC6\/UkAyD2JEuLKnCmFoQkI22LtiJHTbzuAvk3f3\/9CJOGyzpUm03IMHOfDRd7hNVtOkPWKXTFmPTMKtfmEF\/kgtPL9q1Zz0J3q15o0imGQ7Q\/C7612hB6bun\/0O0C2CCW2oLQFdrwXXJhdx\/sRo9+j2v3+AuoNpWT\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Composici\u00f3n de licencias de c\u00f3digo', left: 'center' },\r\n  series: [{\r\n    type: 'sunburst',\r\n    radius: [0, '90%'],\r\n    data: [{\r\n      name: 'C\u00f3digo abierto',\r\n      children: [\r\n        { name: 'Permisivo', children: [{ name: 'MIT', value: 55 }, { name: 'Apache 2.0', value: 30 }] },\r\n        { name: 'Copyleft', children: [{ name: 'GPLv3', value: 12 }] }\r\n      ]\r\n    }, {\r\n      name: 'Propietario',\r\n      children: [{ name: 'Proveedor comercial', value: 18 }]\r\n    }]\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp1Uc1KxDAQvgu+w1wklyJ1lwWteJAeRFDYgzfpIZuO7kCahCQtLqVPtY+wL2bSH1sW95JkZr6ffIk2nrSCJ2ivrwA8eYkZtODxx2fAcl0Z7UjQ6aigRJAkUAniLhbidCzpW7MEJH5FdJh5tAy6JGo5tIQug89eOWgfTJBmrla72jrPkqFteUl1hKUJsIf0hhXjoOSez2wAxavIzwdX4DtC6\/UkAyD2JEuLKnCmFoQkI22LtiJHTbzuAvk3f3\/9CJOGyzpUm03IMHOfDRd7hNVtOkPWKXTFmPTMKtfmEF\/kgtPL9q1Zz0J3q15o0imGQ7Q\/C7612hB6bun\/0O0C2CCW2oLQFdrwXXJhdx\/sRo9+j2v3+AuoNpWT\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNp1UE1LxDAQvQv+h7lILkW6uyxoxcPSgwgrFhQv0kO2HdlAm4RJWixL\/7uTbmvLopdMMvM+8sZYr4yGRzhdXwF45StM4AQev30CIjUlHqRD2KsCNdfU1NY4FTgiggq\/AopHHklAHwUNh6TQJfA5KLJmZ1lSuEYfGnJeROc2yVI1ARZHIO7jG5GPg1J6ObMBtKwD\/9WihjfTUIGTBEBxVFVJqBk\/tYB\/P1IypFo5p1pmLKG\/gJfnd560smr4td1ygJm8s7I4Iqxv4xmyiaHPx5gXXqmxXVjHP05P2b7dzEKr9SA06eTnS7C\/SJ2RsbxOL6n7M\/XCv66RCiUr+EBdGlqY3bHZ6DDUcPYPP3Fhjr8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>8. Diagrama de Sankey (analizador de flujo de costos de infraestructura)<\/h4>\n<p>Rastree el mapeo de recursos operativos o variables financieras a trav\u00e9s de pasos computacionales con enlaces de peso de nodos fluidos.<\/p>\n<p><img loading=\"lazy\" alt=\"A sankey chart edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2904\" decoding=\"async\" height=\"490\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55aff8ee208.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55aff8ee208.png 2006w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55aff8ee208-300x230.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55aff8ee208-1024x784.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55aff8ee208-768x588.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55aff8ee208-1536x1175.png 1536w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqVkkFLw0AQhe+F\/oe55RIkFApS8VCrggcRTMGD9LCkY1i62Qm7s9VY+t+dNjbNthTxlp2d982bl6WaNVm4hc1wAMCaDU5gA4xfPIHkyX445dmFgoNDmJFneDT0CVOrTPONLoFtuhcSGdb1Xup0WaITtWaskvRQeLFSqih4rGiNB6FHp9FP4H0\/X0BNLQYSr+wKmyRti0vFSlraA8gMq6pd15xYGbgLyxJ5BzzeTN9ymBkKy7icK5XDXLxqWx4cRMSH2Ui2rOrAGCtf73PImZwqTy6eyWqpt8CWt\/jlypSVj3x7Cq44cy4RKScfke8U1soE6b3Osiyy+ick2rLjjC5y+kM7SD+JjjEe\/4vRD+3o4yLjxHeH6UV8ss1Z3phz077gggztHmFLF2ER3Botevkj2dW41W4Xw8H25geMluLu\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVk89KAzEQxu+FvsPc9rLIUihIxUNpBS+iuAcP0sOwOy2xSWZJJsVa+lQ+gi9mtmu3bv+A3pJJ5jffN5NwJYot3MKm3wMQJZpGsAGhdxlBMrao1QeW7KAkmOvwxvWiYC\/s65Wyc4fkxYVCgsMEtumOw6xFVTuSU4sFuQhTQiZJ94FHG0OGgyfDK9onenKK\/Ahed3IiaF1FPYlHu6R1kjbBEgXjlWYDsYZFU996cuRDFaIcjgoEdU09HI9fcphoDmU3fE\/OoVFkBT3kiPleS4c9YVMFwUJ9fVq4mwyO0NpgQbbBMDxP8+75A1sl7IhjuEHPfkpoZZe+Y8ZzcMV5O7F56BYkHTMprFCHmHCdZVlH+t9Ip\/5b4uAi8Xf5lnTSoxY0HP4LdKadB00XUeeMtMjDBI7cnYyDclk3n6BgzfXDbSrExCK4FVnycWDZ1bDJ3c76ve3NN2nJAAk=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Analizador de flujo de costos de infraestructura' },\r\n  tooltip: { trigger: 'item', triggerOn: 'mousemove' },\r\n  series: [{\r\n    type: 'sankey',\r\n    data: [\r\n      { name: 'Presupuesto total' }, { name: 'AWS Cloud' }, { name: 'Herramientas SaaS' },\r\n      { name: 'Computaci\u00f3n EC2' }, { name: 'Almacenamiento RDS' }, { name: 'Monitoreo' }\r\n    ],\r\n    links: [\r\n      { source: 'Presupuesto total', target: 'AWS Cloud', value: 8000 },\r\n      { source: 'Presupuesto total', target: 'Herramientas SaaS', value: 2000 },\r\n      { source: 'AWS Cloud', target: 'Computaci\u00f3n EC2', value: 5500 },\r\n      { source: 'AWS Cloud', target: 'Almacenamiento RDS', value: 2500 },\r\n      { source: 'Herramientas SaaS', target: 'Monitoreo', value: 2000 }\r\n    ],\r\n    lineStyle: { color: 'source', curveness: 0.5 }\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVk89KAzEQxu+FvsPc9rLIUihIxUNpBS+iuAcP0sOwOy2xSWZJJsVa+lQ+gi9mtmu3bv+A3pJJ5jffN5NwJYot3MKm3wMQJZpGsAGhdxlBMrao1QeW7KAkmOvwxvWiYC\/s65Wyc4fkxYVCgsMEtumOw6xFVTuSU4sFuQhTQiZJ94FHG0OGgyfDK9onenKK\/Ahed3IiaF1FPYlHu6R1kjbBEgXjlWYDsYZFU996cuRDFaIcjgoEdU09HI9fcphoDmU3fE\/OoVFkBT3kiPleS4c9YVMFwUJ9fVq4mwyO0NpgQbbBMDxP8+75A1sl7IhjuEHPfkpoZZe+Y8ZzcMV5O7F56BYkHTMprFCHmHCdZVlH+t9Ip\/5b4uAi8Xf5lnTSoxY0HP4LdKadB00XUeeMtMjDBI7cnYyDclk3n6BgzfXDbSrExCK4FVnycWDZ1bDJ3c76ve3NN2nJAAk=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqVkkFLw0AQhe+F\/oe55RIkFApS8VCrggcRTMGD9LCkY1i62Qm7s9VY+t+dNjbNthTxlp2d982bl6WaNVm4hc1wAMCaDU5gA4xfPIHkyX445dmFgoNDmJFneDT0CVOrTPONLoFtuhcSGdb1Xup0WaITtWaskvRQeLFSqih4rGiNB6FHp9FP4H0\/X0BNLQYSr+wKmyRti0vFSlraA8gMq6pd15xYGbgLyxJ5BzzeTN9ymBkKy7icK5XDXLxqWx4cRMSH2Ui2rOrAGCtf73PImZwqTy6eyWqpt8CWt\/jlypSVj3x7Cq44cy4RKScfke8U1soE6b3Osiyy+ick2rLjjC5y+kM7SD+JjjEe\/4vRD+3o4yLjxHeH6UV8ss1Z3phz077gggztHmFLF2ER3Botevkj2dW41W4Xw8H25geMluLu\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>9. Mapa de calor (cuadr\u00edcula de velocidad de despliegue por hora)<\/h4>\n<p>Monitoree densidades sist\u00e9micas, vol\u00famenes de despliegue o cambios continuos en el tr\u00e1fico a trav\u00e9s de matrices de tiempo personalizadas con facilidad.<\/p>\n<p id=\"UCUabek\"><img loading=\"lazy\" alt=\"A heatmap edited with VPasCode, the diagram-as-code platform developed by Visual Paradigm\" class=\"alignnone wp-image-2908\" decoding=\"async\" height=\"459\" loading=\"lazy\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf.png 2113w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf-300x215.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf-1024x735.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf-768x551.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf-1536x1103.png 1536w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a55b13325ddf-2048x1470.png 2048w\" width=\"640\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqNUsGK3DAMvS\/sP+iypAVT4sykDCk9bFtKL3va0h6GOXh2tBODExlH6U66zL9XcjKUtocuBJ78nvRkS6HInnp4D8\/XVwDsOWADz8B44gaKLzSmMMEnjIGmDnuGbxjowfNUGAj4qDkPQmMq4GyyA1FgH9Uj0uDVXHKY4iXhmPxB1Rb9sdX6urwRM8mQ2NY3l7zT7ckP+SpTRG3jGI+UtPHBsWtgW9jKdXIs1jNsZrBVnNkZNgI7A0MMnm8TOrUcWnpqgNOIcF7aTf9vd0e9Gn4dUeE7HvKpHRU+J69w7zjD2L+k5w8\/jC7cuTytzsugSgOdOzWwkuByEerZ9yONgzhT8jJtYVuJforiwj+LMLAnZur+HOeAUioP3OY9A\/SuU\/ffmxX7WVn6tui4c\/HCLkPYlqY09c4IWmMzVqbMuDK2ysHa2E0OaqNoVdGSSpRKU1bCrLRorYxKtbiq8lbQ7nZLz+D2GP6e3aJhF1s3zCvzjN09T\/OfO7TuQE8fwpgasDLG+fyRAglRpOPevRJ2+d7Urwtdh3qed9dX53e\/AD+w4iQ=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqNUsFq3DAQvQfyD3MJbkEEy7sui0sOaXMqzSmQy+KDNp7aAtkjZLnZbdiP6bHfkR\/rjOwtNDkkYHijeTNvpDcmHy0NcAVP52cA0UaHFTxBxH2sILtHRw+2MQ00yN\/oncV2QvAUoKNgMgUOf0jlAw4RQwZHlXSIXLRelDyNVkZwTSR\/KmiDbYTt0Lad9Jf5BYtxBce6vDjV7a\/3dkwXOniUMSZiS+HAtY2JpoJtpgvT8zFbz7CZQRd+zs6wYagVyAPidUAjkmNHjxXEwO85LuMOb4\/7Pg0ieGtCAvv8R\/DbhAL3NsHd8++d4A29a+pPO07G3ZrkV2\/ZqlxBb\/YVrDg4XYWGaIeJppGVKVj2m7O8BPuLGeNerULBjmKk\/n9DR+RWfuI27RtgML2o3\/zbLcvPzDK3QxN740\/ZxYZtrnJV1opRK52wUHnCldJFCtZKb1JQKkEtjLQUzBRSsuLMSprWkhGqZFVhPjHqul5mOrND99K7hcPed2acl2Yj9nfxMP\/BY2caevziplCBZhvn81dyxIkstDvzgbPLd1l+zGQdonmsz8+On\/8Cmz3llw==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-echarts\"><code class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n  title: { text: 'Velocidad de despliegue por hora', left: 'center' },\r\n  tooltip: { position: 'top' },\r\n  grid: { height: '50%', top: '15%' },\r\n  xAxis: { type: 'category', data: ['12am', '4am', '8am', '12pm', '4pm', '8pm'], splitArea: { show: true } },\r\n  yAxis: { type: 'category', data: ['Lun', 'Mar', 'Mi\u00e9', 'Jue', 'Vie', 'S\u00e1b', 'Dom'], splitArea: { show: true } },\r\n  visualMap: { min: 0, max: 30, type: 'continuous', orient: 'horizontal', left: 'center', bottom: '15%' },\r\n  series: [{\r\n    name: 'Despliegues',\r\n    type: 'heatmap',\r\n    data: [[0,0,5],[0,1,1],[0,2,0],[0,3,12],[0,4,18],[0,5,8],[1,3,15],[2,4,22],[3,3,30],[4,4,25],[5,0,2],[6,0,1]],\r\n    label: { show: true },\r\n    emphasis: { itemStyle: { shadowBlur: 10, shadowColor: 'rgba(0, 0, 0, 0.5)' } }\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqNUsFq3DAQvQfyD3MJbkEEy7sui0sOaXMqzSmQy+KDNp7aAtkjZLnZbdiP6bHfkR\/rjOwtNDkkYHijeTNvpDcmHy0NcAVP52cA0UaHFTxBxH2sILtHRw+2MQ00yN\/oncV2QvAUoKNgMgUOf0jlAw4RQwZHlXSIXLRelDyNVkZwTSR\/KmiDbYTt0Lad9Jf5BYtxBce6vDjV7a\/3dkwXOniUMSZiS+HAtY2JpoJtpgvT8zFbz7CZQRd+zs6wYagVyAPidUAjkmNHjxXEwO85LuMOb4\/7Pg0ieGtCAvv8R\/DbhAL3NsHd8++d4A29a+pPO07G3ZrkV2\/ZqlxBb\/YVrDg4XYWGaIeJppGVKVj2m7O8BPuLGeNerULBjmKk\/n9DR+RWfuI27RtgML2o3\/zbLcvPzDK3QxN740\/ZxYZtrnJV1opRK52wUHnCldJFCtZKb1JQKkEtjLQUzBRSsuLMSprWkhGqZFVhPjHqul5mOrND99K7hcPed2acl2Yj9nfxMP\/BY2caevziplCBZhvn81dyxIkstDvzgbPLd1l+zGQdonmsz8+On\/8Cmz3llw==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#echarts:eNqNUsGK3DAMvS\/sP+iypAVT4sykDCk9bFtKL3va0h6GOXh2tBODExlH6U66zL9XcjKUtocuBJ78nvRkS6HInnp4D8\/XVwDsOWADz8B44gaKLzSmMMEnjIGmDnuGbxjowfNUGAj4qDkPQmMq4GyyA1FgH9Uj0uDVXHKY4iXhmPxB1Rb9sdX6urwRM8mQ2NY3l7zT7ckP+SpTRG3jGI+UtPHBsWtgW9jKdXIs1jNsZrBVnNkZNgI7A0MMnm8TOrUcWnpqgNOIcF7aTf9vd0e9Gn4dUeE7HvKpHRU+J69w7zjD2L+k5w8\/jC7cuTytzsugSgOdOzWwkuByEerZ9yONgzhT8jJtYVuJforiwj+LMLAnZur+HOeAUioP3OY9A\/SuU\/ffmxX7WVn6tui4c\/HCLkPYlqY09c4IWmMzVqbMuDK2ysHa2E0OaqNoVdGSSpRKU1bCrLRorYxKtbiq8lbQ7nZLz+D2GP6e3aJhF1s3zCvzjN09T\/OfO7TuQE8fwpgasDLG+fyRAglRpOPevRJ2+d7Urwtdh3qed9dX53e\/AD+w4iQ=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar ECharts en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h3>Desbloquea el poder de la automatizaci\u00f3n de texto a diagrama hoy<\/h3>\n<p>Ya sea que necesites un<strong>creador de gr\u00e1ficos<\/strong>para traducir m\u00e9tricas comerciales crudas o una superficie centralizada para mapas de ingenier\u00eda estructural, VPasCode simplifica tus flujos de trabajo diarios. Dile adi\u00f3s a las aplicaciones fragmentadas y a las bibliotecas de visualizaci\u00f3n fr\u00e1giles.<\/p>\n<blockquote>\n<p><strong>\u00bfListo para transformar tus estructuras de datos en paneles visuales interactivos?<\/strong><br \/>\nExplora la superficie completa, prueba estas plantillas y prueba el rendimiento de renderizado de forma gratuita.<br \/>\n<strong><a href=\"https:\/\/www.vpascode.com\/#echarts:NL2vRiCm3Dtp5ToqU72EeeMB3bawfKjJ84FWGOvPXwWi6Z9Ts0ZyxwKiJnqaNkyz7jm9iOStU6m0XCHX0GyG7AK0Sq7ySHEShSFUPE3mEsPlw0M3WJcB56Odr2saG4s3GH5sf7wjDu7gM4pSGvw1ekxgxjGLLkAJEXMBS5l0NlqRUx7aJxP2LwZeW4bfFAhgqcVgC8vX1HiEamvMMx45NCq7UutCru3HNB1UeliGpNiWKoQbwP_IhtNAIBKU0w4Mh_4U0Dws4R5UO4cjfCg6DR5styQDThb-sxZIYxxdl4mG4cpFCgNZLXng39-sfa4R7M1Mo5nkvjS_\">Inicia ahora el editor en vivo de VPasCode \u2192<\/a><\/strong><\/p>\n<\/blockquote>\n","protected":false},"featured_media":2708,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode","_yoast_wpseo_metadesc":"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product":[2,3],"product-area":[8,6,49],"version":[50],"release-type":[16],"class_list":["post-2707","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-content-visual","product-area-diagramming","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode<\/title>\n<meta name=\"description\" content=\"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode\" \/>\n<meta property=\"og:description\" content=\"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Spanish\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1192\" \/>\n\t<meta property=\"og:image:height\" content=\"745\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/\",\"name\":\"Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png\",\"datePublished\":\"2026-07-14T03:45:20+00:00\",\"description\":\"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode ahora admite la edici\u00f3n de gr\u00e1ficos &#8211; Su editor de gr\u00e1ficos definitivo y plataforma de texto a diagrama\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/\",\"name\":\"Visual Paradigm Product Updates Spanish\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#organization\",\"name\":\"Visual Paradigm Product Updates Spanish\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Spanish\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode","description":"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/","og_locale":"es_ES","og_type":"article","og_title":"Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode","og_description":"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.","og_url":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/","og_site_name":"Visual Paradigm Product Updates Spanish","og_image":[{"width":1192,"height":745,"url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/","url":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/","name":"Mejor editor de gr\u00e1ficos y plataforma unificada de diagramas como c\u00f3digo | VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png","datePublished":"2026-07-14T03:45:20+00:00","description":"VPasCode ampl\u00eda su plataforma unificada de texto a diagrama con soporte para Apache ECharts. Usa nuestro editor de gr\u00e1ficos gratuito para crear gr\u00e1ficos de barras apiladas, radar, sankey y de explosi\u00f3n solar.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/07\/img_6a55b06a06ebf.png","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/es\/"},{"@type":"ListItem","position":2,"name":"VPasCode ahora admite la edici\u00f3n de gr\u00e1ficos &#8211; Su editor de gr\u00e1ficos definitivo y plataforma de texto a diagrama"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/es\/#website","url":"https:\/\/updates.visual-paradigm.com\/es\/","name":"Visual Paradigm Product Updates Spanish","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/es\/#organization","name":"Visual Paradigm Product Updates Spanish","url":"https:\/\/updates.visual-paradigm.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Spanish"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases\/2707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases\/2707\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media\/2708"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=2707"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/product?post=2707"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/product-area?post=2707"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/version?post=2707"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/release-type?post=2707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}