{"id":2701,"date":"2026-07-14T11:45:20","date_gmt":"2026-07-14T03:45:20","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/id\/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\/id\/releases\/vpascode-echarts-support-chart-maker\/","title":{"rendered":"VPasCode Sekarang Mendukung Pengeditan Grafik &#8211; Editor Grafik Utama Anda dan Platform Teks ke Diagram"},"content":{"rendered":"<p>Di Visual Paradigm, kami terus mendorong batas-batas bagaimana para pengembang, analis data, dan profesional teknologi memvisualisasikan sistem dan dataset yang kompleks. Baru-baru ini, kami memperkenalkan<strong><a href=\"https:\/\/www.vpascode.com\/overview\/\">VPasCode<\/a><\/strong>, sebuah platform teks ke diagram terpadu yang dirancang untuk menghilangkan hambatan saat beralih antar alat menggambar yang berbeda. Dengan mendukung opsi sintaks populer seperti Mermaid, PlantUML, dan Graphviz dalam satu lingkungan pengembang terintegrasi, VPasCode dengan cepat menjadi ekosistem pilihan untuk rendering diagram yang cepat dan akurat.<\/p>\n<p>Hari ini, kami sangat senang mengumumkan peningkatan besar pada alat bantu kami:<strong>VPasCode kini mendukung Apache ECharts secara native<\/strong>. Penambahan ini mengubah lingkungan diagram kami menjadi pembuat grafik yang sangat fleksibel dan berbasis kode<strong>pembuat grafik<\/strong>. Sekarang Anda dapat mengubah konfigurasi JSON atau deskripsi yang dibantu AI menjadi visualisasi data yang kaya dan interaktif secara real time.<\/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>Dengan antarmuka sampingan yang kami miliki, mekanismenya tetap sederhana dan intuitif: masukkan objek konfigurasi ECharts di panel kiri, dan komponen dashboard interaktif Anda akan dirender secara mulus di panel kanan.<\/p>\n<hr\/>\n<h3>Mengapa Memilih VPasCode sebagai Pembuat Grafik Anda?<\/h3>\n<p>Sementara perangkat lunak pembuatan grafik statis standar memaksa Anda menyeret, melepas, dan menyesuaikan piksel secara manual, VPasCode sepenuhnya mengandalkan kode terstruktur. Mengintegrasikan ECharts membuka keunggulan khusus bagi tim teknis modern:<\/p>\n<ul>\n<li><strong>Arsitektur Terpadu:<\/strong> Beralih dengan mudah antara kerangka arsitektur aplikasi (melalui PlantUML\/Mermaid) dan dashboard analitik data (melalui ECharts) dalam tab yang sama.<\/li>\n<li><strong>Alur Kerja yang Didorong AI:<\/strong> Manfaatkan platform kami sebagai pembuat grafik cerdas<strong>pembuat grafik AI<\/strong>. Jelaskan kebutuhan data Anda secara alami (melalui Chatbot Diagram AI kami), dan lihat visualisasi yang akurat dibuat secara otomatis tanpa penataan manual.<\/li>\n<li><strong>Status yang Sangat Dapat Dibagikan:<\/strong> Setiap konfigurasi diagram dikompresi menjadi URL unik yang dapat dibagikan, sehingga sangat mudah untuk berkolaborasi dalam ulasan kode, dokumentasi wiki, atau presentasi klien langsung.<\/li>\n<\/ul>\n<hr\/>\n<h3>Menjelajahi Contoh Langsung ECharts di VPasCode<\/h3>\n<p>Untuk menunjukkan kinerja dari pembuat grafik kami yang diperbarui<strong>pembuat grafik<\/strong>, kami telah menyiapkan beberapa template visualisasi data tingkat produksi. Anda dapat berinteraksi langsung dengan setiap contoh dengan mengunjungi tautan playground pendukungnya.<\/p>\n<h4>1. Grafik Batang Tumpuk (Analisis Penjualan Regional)<\/h4>\n<p>Sempurna untuk melihat total absolut di antara kelompok sambil memecah distribusi kategorikal secara bersamaan.<\/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>Edit ECharts di 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:eNqNkT1vwjAQhnck\/sMNldxKUZUAgZKqQ1lZkErVATFcySm4GDtynEKE+O89hwRQxcDg8+uPe9472+ROGg1vcOh2AJx0ihI4gKO9S0DMSP+UqFDD3MpdyYLlhGyKBdoN6y+psMK1gGNQ5xujnMxrgpVZRpYhuJeFCMBPMyO185t8XuXsJIo1pmbH+Q1BUUY69RdSdJjAQnw6tMj54oMUb2kv53JbWi8mfObEsknev7PHFfwXVUl8TeOWTt2kmHsGPKbc1RYeoucwDJ\/a8qt\/+St0lBlbMaKtZhp522mvjv06Ds7+BVlJDFj4BTCnMW5baLDf6GsvHK42vJobh+ri8BIHEPXCAMZexGHLvsJdHuIe4JA5Y+ZFkQ\/9W8D2Oe\/iDZg3YlRdaHgLd\/qUO3F9RsU8hjxGMdM8bNntHF\/\/AK3EvvE=\" \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: 'Penjualan Triwulanan Berdasarkan Wilayah' },\r\n  tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },\r\n  legend: { data: ['Utara', 'Selatan', 'Timur', 'Barat'] },\r\n  xAxis: { type: 'value', name: 'Pendapatan (dalam $1.000)' },\r\n  yAxis: { type: 'category', data: ['K1', 'K2', 'K3', 'K4'] },\r\n  series: [\r\n    { name: 'Utara', type: 'bar', stack: 'Total', data: [85, 120, 95, 150] },\r\n    { name: 'Selatan', type: 'bar', stack: 'Total', data: [65, 90, 110, 130] },\r\n    { name: 'Timur',  type: 'bar', stack: 'Total', data: [45, 70, 85, 100] },\r\n    { name: 'Barat',  type: 'bar', stack: 'Total', data: [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:eNqNkT1vwjAQhnck\/sMNldxKUZUAgZKqQ1lZkErVATFcySm4GDtynEKE+O89hwRQxcDg8+uPe9472+ROGg1vcOh2AJx0ihI4gKO9S0DMSP+UqFDD3MpdyYLlhGyKBdoN6y+psMK1gGNQ5xujnMxrgpVZRpYhuJeFCMBPMyO185t8XuXsJIo1pmbH+Q1BUUY69RdSdJjAQnw6tMj54oMUb2kv53JbWi8mfObEsknev7PHFfwXVUl8TeOWTt2kmHsGPKbc1RYeoucwDJ\/a8qt\/+St0lBlbMaKtZhp522mvjv06Ds7+BVlJDFj4BTCnMW5baLDf6GsvHK42vJobh+ri8BIHEPXCAMZexGHLvsJdHuIe4JA5Y+ZFkQ\/9W8D2Oe\/iDZg3YlRdaHgLd\/qUO3F9RsU8hjxGMdM8bNntHF\/\/AK3EvvE=\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>2. Grafik Garis dengan Area yang Diarsir (Pertumbuhan Situs Web Bulanan)<\/h4>\n<p>Dirancang untuk melacak perubahan kronologis dengan interpolasi yang halus dan penataan grid yang bersih.<\/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>Edit ECharts di 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:eNpdUctqwzAQvAfyD3vTxRQ\/UmhcekgPPaTNqcfgwzrZOiqyZOR1sQn+9678gNLLMOzOjEaSa1g7Cy9w324AWLOhHO7A1HMO6r2z352t0MJrZ9CiVREY+gqrC1kmr2CMJqNzhnUzWb2uKvIiwV63q6Dy+hq2s3sXRyCym9BUKDtxPgopHbOrc8iEX5xl1PYDSzK5pHa0RPUHyZ1OGhoKTZCpcn6QbldkzOGsjqGpeqNS8IRe8NAEPJEWPHZWFUvY8C\/sB01Ha+mWvCbZnqfHAbBY099XUdE8X7xGW1pHbe0c3+bey2gp9xRuvM9SgTgJbBdBku5lmGRZXCxi9ISfPMy\/4Rq8aB5yiB8yGINgLLab8fkXxT9\/gA==\" \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: 'Kunjungan Bulanan', 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: ['Jan','Feb','Mar','Apr','Mei','Jun'] },\r\n  yAxis: { type: 'value' },\r\n  series: [{\r\n    name: 'Kunjungan',\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:eNpdUctqwzAQvAfyD3vTxRQ\/UmhcekgPPaTNqcfgwzrZOiqyZOR1sQn+9678gNLLMOzOjEaSa1g7Cy9w324AWLOhHO7A1HMO6r2z352t0MJrZ9CiVREY+gqrC1kmr2CMJqNzhnUzWb2uKvIiwV63q6Dy+hq2s3sXRyCym9BUKDtxPgopHbOrc8iEX5xl1PYDSzK5pHa0RPUHyZ1OGhoKTZCpcn6QbldkzOGsjqGpeqNS8IRe8NAEPJEWPHZWFUvY8C\/sB01Ha+mWvCbZnqfHAbBY099XUdE8X7xGW1pHbe0c3+bey2gp9xRuvM9SgTgJbBdBku5lmGRZXCxi9ISfPMy\/4Rq8aB5yiB8yGINgLLab8fkXxT9\/gA==\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>3. Grafik Area Kustom (Highlight Cerah)<\/h4>\n<p>Tampilan yang sangat baik mengenai fleksibilitas gaya di mana warna garis, konfigurasi batas, dan opasitas isian dapat dimanipulasi secara instan.<\/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>Edit ECharts di 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:eNp9kD9rwzAQxfdAvsNBB7XgwbKpW1w6pEMLKZkydAgezsk5qKiSkaViEfzdK\/kPhRYy6B46\/d49Sbq1Qit4hst6BWCFlVTCBSz1tgT27tSnU2dUsBfWdfBBNbw4iSp0brM0K+4YDEl09ptedKPTt2ECO6KlszaeJVBrp05o\/Bu2JTQoO0rghBZLOLAtqkCwV6qj7NBE2bSj7EhE2To1iWTVHOb\/hH2jdLTcpCMjKJwexhfBEsWzNIEsDYXfh\/IY1kPc8FjytEomep4ohSI2t9AQ7q2fPuaopTYBuGmaoi7qJRQgOv5TlOY857+UsPR1hYrQUK1Xw9MPWUtxMA==\" \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: 'Kunjungan Situs Web Bulanan (2026)' },\r\n  xAxis: { type: 'category', boundaryGap: false, data: ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', '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:eNp9kD9rwzAQxfdAvsNBB7XgwbKpW1w6pEMLKZkydAgezsk5qKiSkaViEfzdK\/kPhRYy6B46\/d49Sbq1Qit4hst6BWCFlVTCBSz1tgT27tSnU2dUsBfWdfBBNbw4iSp0brM0K+4YDEl09ptedKPTt2ECO6KlszaeJVBrp05o\/Bu2JTQoO0rghBZLOLAtqkCwV6qj7NBE2bSj7EhE2To1iWTVHOb\/hH2jdLTcpCMjKJwexhfBEsWzNIEsDYXfh\/IY1kPc8FjytEomep4ohSI2t9AQ7q2fPuaopTYBuGmaoi7qJRQgOv5TlOY857+UsPR1hYrQUK1Xw9MPWUtxMA==\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>4. Grafik Pie Interaktif (Campuran Referensi Lalu Lintas)<\/h4>\n<p>Tata letak klasik untuk menghitung pangsa pasar relatif atau sumber lalu lintas, dilengkapi dengan wadah legenda bawah yang bersih.<\/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>Edit ECharts di 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:eNp1kUFLw0AQhe+C\/2EuspccIk0wRHoQ9CAoiKIexMO2mS5DN7NhdyJK6X93N21SKGRPM\/O+92ZgXSfkGJawu7wAEBKLNexA8FdqUK+4QY8e3kj6AJ+4UhlY3CRpjSzoFeyzweicFeoGqydj0EeEBNsRsGiQm6SvnIhra7jOj1JATxhq+EoNHA5Jj3Ubb1F324AB7rUnlY2S\/HVJ6ghPM68b6mOMKvOr07TRoqfoIR5+tO0x7S+qbFzyjIEYXpDXac\/xsDPDzaKc+CfNJvRsZtCyyif0odVkZ7iiKibucWs1wzvH75ihF3l+Rn9Qgy7SI\/x9KIY+1vvbf0CNfpE=\" \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: 'Referer Situs Web', left: 'center' },\r\n  tooltip: { trigger: 'item' },\r\n  legend: { bottom: 10 },\r\n  series: [\r\n    {\r\n      name: 'Akses Dari',\r\n      type: 'pie',\r\n      radius: '50%',\r\n      data: [\r\n        { value: 1048, name: 'Mesin Pencari' },\r\n        { value: 735, name: 'Langsung' },\r\n        { value: 580, name: 'Email' },\r\n        { value: 484, name: 'Iklan Union' },\r\n        { value: 300, name: 'Iklan 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:eNp1kUFLw0AQhe+C\/2EuspccIk0wRHoQ9CAoiKIexMO2mS5DN7NhdyJK6X93N21SKGRPM\/O+92ZgXSfkGJawu7wAEBKLNexA8FdqUK+4QY8e3kj6AJ+4UhlY3CRpjSzoFeyzweicFeoGqydj0EeEBNsRsGiQm6SvnIhra7jOj1JATxhq+EoNHA5Jj3Ubb1F324AB7rUnlY2S\/HVJ6ghPM68b6mOMKvOr07TRoqfoIR5+tO0x7S+qbFzyjIEYXpDXac\/xsDPDzaKc+CfNJvRsZtCyyif0odVkZ7iiKibucWs1wzvH75ihF3l+Rn9Qgy7SI\/x9KIY+1vvbf0CNfpE=\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>5. Grafik Radar (Perbandingan Arsitektur Service Mesh)<\/h4>\n<p>Struktur grafik multivariat yang sering digunakan untuk mengevaluasi kemampuan teknis, benchmark perangkat lunak, atau kriteria arsitektur kompleks secara berdampingan.<\/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>Edit ECharts di 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:eNqFkUFPg0AQhe8m\/oe5oQlRGq1WjEfTxLbaSG9ND1OYyiTLLlmWWtL0vztbaJSLPcDA8N43+wZTOjYaXmB\/eQHg2CmKYQ+Odi6GYE6aFTJqmFCBRVnLU0J2yynBjKo8gEN49BmjHJfibN8tZmjjlgnAOuMUnZHOsu2AjNBYyKhgkVtTf+Vl7eDqc55cByEUuIthEEUdvC83iizqiuVEFSrMUZ9xvG64YvKOGRXG8hn5x7qSgLhmxa45o50QFqhR3y6mSU\/aKle+tDZhMlWSv1tJB5hbs2EFU2w8JugmuKb0H49LPPUydNhb3xZVLarlaBjCUxTC0Fe5RtEqPOHfTUYgM3YNjI0cEC1h4pr2F5sSU4kYQ3RzB4devBP7XriPHf8h8vWXPUZH39jAG25RAhT4D3\/g+X93IvfD8w+YZLAg\" \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: 'Penilaian Kemampuan Service Mesh' },\r\n  tooltip: {},\r\n  radar: {\r\n    indicator: [\r\n      { name: 'Throughput (RPS)', max: 100 },\r\n      { name: 'Toleransi Kesalahan', max: 100 },\r\n      { name: 'Efisiensi Memori', max: 100 },\r\n      { name: 'Observability', max: 100 },\r\n      { name: 'Keamanan\/TLS', max: 100 }\r\n    ]\r\n  },\r\n  series: [{\r\n    name: 'Profil Layanan',\r\n    type: 'radar',\r\n    data: [\r\n      { value: [85, 90, 55, 95, 80], name: 'Node Proxy Go', areaStyle: { opacity: 0.3 } },\r\n      { value: [40, 75, 90, 60, 90], name: 'Gateway Java Lama', 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:eNqFkUFPg0AQhe8m\/oe5oQlRGq1WjEfTxLbaSG9ND1OYyiTLLlmWWtL0vztbaJSLPcDA8N43+wZTOjYaXmB\/eQHg2CmKYQ+Odi6GYE6aFTJqmFCBRVnLU0J2yynBjKo8gEN49BmjHJfibN8tZmjjlgnAOuMUnZHOsu2AjNBYyKhgkVtTf+Vl7eDqc55cByEUuIthEEUdvC83iizqiuVEFSrMUZ9xvG64YvKOGRXG8hn5x7qSgLhmxa45o50QFqhR3y6mSU\/aKle+tDZhMlWSv1tJB5hbs2EFU2w8JugmuKb0H49LPPUydNhb3xZVLarlaBjCUxTC0Fe5RtEqPOHfTUYgM3YNjI0cEC1h4pr2F5sSU4kYQ3RzB4devBP7XriPHf8h8vWXPUZH39jAG25RAhT4D3\/g+X93IvfD8w+YZLAg\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>6. Plot Sebaran (Profil Metrik Latensi Inference)<\/h4>\n<p>Sangat baik untuk mengidentifikasi lonjakan outlier, ambang batas ukuran payload, dan kemacetan aplikasi di seluruh infrastruktur terdistribusi.<\/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>Edit ECharts di 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:eNqtUk1PwzAMvSPxHyxxyBAVtF0H+wAkdkPbAWniVO2QtemISJMqyaaVqf8dJ+lA48ypz\/bze7Yb1ViuJDzB8fICwHIr2BSOYNnBToEsqWXScHiVFdNMFgz2Bt4\/d5pKeKOtULQkEQhWOXLBpGWaQBd5KaWE5Y0X03y7ZRop3LIaGyqla2qtS1U7WfgJBs01UjWzOy2BBA\/sgBtobvdU7FgerzEgsJg\/bjTcPfeznXOSwKkNmUHXT3J4OXDj5pC0xuXI+fwwWMyvcSbbNq7oZTA0jeB2yaW\/hsDvyrb9aQKxpOaDlcS59D7tH5\/T8Qa1+R8DwzRn6JD7fwUnoin8LUkUsqatN0qs+BfWkrRPltRSbAwBQJ6kcQTZKF5HkKcZ4tHY4xHCNAkQmyFJYh8MHf8hRfwrMcbUcOLLmeubBLmJSweJ+xhxMsx8kDhOhoWgcFJyT+Jn9UIJ5d7JFaVxXFW4vCN12NLNvgF6H8I6\" \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: 'Latensi Inference vs Ukuran Payload', left: 'center' },\r\n  tooltip: { trigger: 'item', formatter: function (p) { return 'Ukuran: ' + p.value[0] + ' KB&lt;br \/&gt;Latensi: ' + p.value[1] + ' ms'; } },\r\n  xAxis: { name: 'Ukuran Payload (KB)', type: 'value', splitLine: { lineStyle: { type: 'dashed' } } },\r\n  yAxis: { name: 'Latensi (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:eNqtUk1PwzAMvSPxHyxxyBAVtF0H+wAkdkPbAWniVO2QtemISJMqyaaVqf8dJ+lA48ypz\/bze7Yb1ViuJDzB8fICwHIr2BSOYNnBToEsqWXScHiVFdNMFgz2Bt4\/d5pKeKOtULQkEQhWOXLBpGWaQBd5KaWE5Y0X03y7ZRop3LIaGyqla2qtS1U7WfgJBs01UjWzOy2BBA\/sgBtobvdU7FgerzEgsJg\/bjTcPfeznXOSwKkNmUHXT3J4OXDj5pC0xuXI+fwwWMyvcSbbNq7oZTA0jeB2yaW\/hsDvyrb9aQKxpOaDlcS59D7tH5\/T8Qa1+R8DwzRn6JD7fwUnoin8LUkUsqatN0qs+BfWkrRPltRSbAwBQJ6kcQTZKF5HkKcZ4tHY4xHCNAkQmyFJYh8MHf8hRfwrMcbUcOLLmeubBLmJSweJ+xhxMsx8kDhOhoWgcFJyT+Jn9UIJ5d7JFaVxXFW4vCN12NLNvgF6H8I6\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>7. Grafik Sunburst (Lisensi Kode Berjenjang)<\/h4>\n<p>Visualisasikan hubungan hierarkis dengan lingkaran bersarang. Platform kami berfungsi sebagai pembuat grafik organik<strong>pembuat grafik<\/strong> untuk menyederhanakan konfigurasi data bersarang yang kompleks seperti ini.<\/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>Edit ECharts di 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:eNptkU1Lw0AQhu+C\/2EuspcgsaWgFQ\/iQaQVA4qXksOaHXFMsrvsR6GU\/Hdn06SR6mV3Z96Z551hjQ1kNNzB\/vwM4Duq2CxhDwFrvwSxMq01njzBmjxqvldGocigJkesV6gDOgFdlro9puSmJzELNSWGj\/ojOh9Edsg7qSiysMkzEDf5hSgHQckgp3YALVuOxYtFDa8mugpHBIDUsubaMQQeeSgv0LXkPW3TmEPZUXx+euOspkbyoIsFzz013ltZfSHMLvOpZJ5DVw7bnfg8GLtr8DP84\/JYrLfzCXI16yEjozw8kvXJpoUz1hEG6XZ\/Nj3C31Er4\/gfWnSeZPPL55p9Bnh\/p7O7\/QHVmYR0\" \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  judul: { teks: 'Komposisi Lisensi Kode', kiri: 'center' },\r\n  seri: [{\r\n    jenis: 'sunburst',\r\n    radius: [0, '90%'],\r\n    data: [{\r\n      nama: 'Open Source',\r\n      anak: [\r\n        { nama: 'Permissive', anak: [{ nama: 'MIT', nilai: 55 }, { nama: 'Apache 2.0', nilai: 30 }] },\r\n        { nama: 'Copyleft', anak: [{ nama: 'GPLv3', nilai: 12 }] }\r\n      ]\r\n    }, {\r\n      nama: 'Proprietary',\r\n      anak: [{ nama: 'Vendor Komersial', nilai: 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:eNptkU1Lw0AQhu+C\/2EuspcgsaWgFQ\/iQaQVA4qXksOaHXFMsrvsR6GU\/Hdn06SR6mV3Z96Z551hjQ1kNNzB\/vwM4Duq2CxhDwFrvwSxMq01njzBmjxqvldGocigJkesV6gDOgFdlro9puSmJzELNSWGj\/ojOh9Edsg7qSiysMkzEDf5hSgHQckgp3YALVuOxYtFDa8mugpHBIDUsubaMQQeeSgv0LXkPW3TmEPZUXx+euOspkbyoIsFzz013ltZfSHMLvOpZJ5DVw7bnfg8GLtr8DP84\/JYrLfzCXI16yEjozw8kvXJpoUz1hEG6XZ\/Nj3C31Er4\/gfWnSeZPPL55p9Bnh\/p7O7\/QHVmYR0\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>8. Diagram Sankey (Penganalisis Aliran Biaya Infrastruktur)<\/h4>\n<p>Lacak pemetaan sumber daya operasional atau variabel keuangan melalui langkah-langkah komputasi dengan tautan bobot node yang mengalir.<\/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>Edit ECharts di 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:eNqVkkFLw0AQhe+F\/oe55RKkFAoS8VCriAdRTMGD9DDSdVmzmS27s0op\/e9OGptmAwU95u2+b96+jNuwcQTXsBuPAD7jOtoCdsCqCgVkz4o0EloTTIC5NR4JbgxuER7ow2NgHyuOPoN93tjZOctmcwB4o7XywjCs6iw\/Ck8kUu1iULX7UkdjUN4U8HbIICkUmWZ6QKrUNstbdY2Mcqf9ABlBWIuQLR2jhTlpjRKvIZ7O5q8lLKyL61QuEUtYSlhD+hghYd4tprBw9SaySp0vtyWU7DzqwcGjIyN6C2x5q18uY2SkJHqI9fuhnEF4qQm9VpxEz4GMRenncjKZJGn\/gEme2pGmZ0n9sR2kX0fHmM3+xeg3d8pxljHI3WF6PQ9ek5auZUnv0Td7tINv9NT8pJYuxkpZ2ewqNttdwORi1tr3q\/Fof\/UDbV7n2w==\" \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  judul: { teks: 'Penganalisis Aliran Biaya Infrastruktur' },\r\n  tooltip: { trigger: 'item', triggerOn: 'mousemove' },\r\n  seri: [{\r\n    jenis: 'sankey',\r\n    data: [\r\n      { nama: 'Total Anggaran' }, { nama: 'AWS Cloud' }, { nama: 'SaaS Tooling' },\r\n      { nama: 'EC2 Compute' }, { nama: 'RDS Storage' }, { nama: 'Monitoring' }\r\n    ],\r\n    tautan: [\r\n      { sumber: 'Total Anggaran', target: 'AWS Cloud', nilai: 8000 },\r\n      { sumber: 'Total Anggaran', target: 'SaaS Tooling', nilai: 2000 },\r\n      { sumber: 'AWS Cloud', target: 'EC2 Compute', nilai: 5500 },\r\n      { sumber: 'AWS Cloud', target: 'RDS Storage', nilai: 2500 },\r\n      { sumber: 'SaaS Tooling', target: 'Monitoring', nilai: 2000 }\r\n    ],\r\n    gayaGaris: { warna: 'sumber', kelengkungan: 0.5 }\r\n  }]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVkkFLw0AQhe+F\/oe55RKkFAoS8VCriAdRTMGD9DDSdVmzmS27s0op\/e9OGptmAwU95u2+b96+jNuwcQTXsBuPAD7jOtoCdsCqCgVkz4o0EloTTIC5NR4JbgxuER7ow2NgHyuOPoN93tjZOctmcwB4o7XywjCs6iw\/Ck8kUu1iULX7UkdjUN4U8HbIICkUmWZ6QKrUNstbdY2Mcqf9ABlBWIuQLR2jhTlpjRKvIZ7O5q8lLKyL61QuEUtYSlhD+hghYd4tprBw9SaySp0vtyWU7DzqwcGjIyN6C2x5q18uY2SkJHqI9fuhnEF4qQm9VpxEz4GMRenncjKZJGn\/gEme2pGmZ0n9sR2kX0fHmM3+xeg3d8pxljHI3WF6PQ9ek5auZUnv0Td7tINv9NT8pJYuxkpZ2ewqNttdwORi1tr3q\/Fof\/UDbV7n2w==\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h4>9. Peta Panas (Kisi Kecepatan Deploi Harian)<\/h4>\n<p>Pantau kerapatan sistemik, volume deploi, atau pergeseran lalu lintas berkelanjutan melalui matriks waktu kustom dengan mudah.<\/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>Edit ECharts di 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:eNqVUU1r3DAQvQfyH+YS3IIolnddFpdeSi9NKIQutCmLD+Ps4Cgry0KWKO2y\/70zsje0NBAKhjd6782HZ0YfzejgPRwvLwAe0z7ZBo4Q6TA1UNzQPXmM6OAjeTsauKUA1zgUCg4mGHbck4sUCjgpyY\/jaKPxUsGPk5nEwenTWe+D2efyxvW9iHV5xbXEwg9dX52NUxq6dCfWR3JGxANG6sdg2L5nfwO7Qld5kmI9w2YGXfmZnWHD0HKLQHhLg5nwIQ+Agzf2gK6BGBLB6c++31\/ouyUnlbdkBb5gJ3Azd79OGbYz+dm4\/2juKeJXMyXMJxgM66WCAeUUK46eRhodLzBxA56L9495zw\/8+MUK2n+uo6DDH9L7rxWTWHb57gAOB\/63Yj5zoWby3FAGA4+OD7koyyp2pSpV3SpGrXTGSpUZV0pXOVgrvclBrQS1KJJSsVKJZcXMSpLWwohUc1VR3jLqtl16WuzIPru\/xeDJEbPCH6HHn\/gp0iBxx7Hr0X2wKTSgS\/XEfMPg5L9D3+Er5pfvTf26kLNI3VN7eXF69xuLp+kC\" \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  judul: { teks: 'Kecepatan Deploi Per Jam', kiri: 'center' },\r\n  tooltip: { posisi: 'atas' },\r\n  grid: { tinggi: '50%', atas: '15%' },\r\n  sumbuX: { jenis: 'kategori', data: ['12am', '4am', '8am', '12pm', '4pm', '8pm'], areaPemisah: { tampilkan: true } },\r\n  sumbuY: { jenis: 'kategori', data: ['Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab', 'Min'], areaPemisah: { tampilkan: true } },\r\n  petaVisual: { min: 0, maks: 30, jenis: 'kontinu', orientasi: 'horizontal', kiri: 'center', bawah: '15%' },\r\n  seri: [{\r\n    nama: 'Deploi',\r\n    jenis: 'peta panas',\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: { tampilkan: true },\r\n    penekanan: { gayaItem: { bayanganBlur: 10, bayanganWarna: '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:eNqVUU1r3DAQvQfyH+YS3IIolnddFpdeSi9NKIQutCmLD+Ps4Cgry0KWKO2y\/70zsje0NBAKhjd6782HZ0YfzejgPRwvLwAe0z7ZBo4Q6TA1UNzQPXmM6OAjeTsauKUA1zgUCg4mGHbck4sUCjgpyY\/jaKPxUsGPk5nEwenTWe+D2efyxvW9iHV5xbXEwg9dX52NUxq6dCfWR3JGxANG6sdg2L5nfwO7Qld5kmI9w2YGXfmZnWHD0HKLQHhLg5nwIQ+Agzf2gK6BGBLB6c++31\/ouyUnlbdkBb5gJ3Azd79OGbYz+dm4\/2juKeJXMyXMJxgM66WCAeUUK46eRhodLzBxA56L9495zw\/8+MUK2n+uo6DDH9L7rxWTWHb57gAOB\/63Yj5zoWby3FAGA4+OD7koyyp2pSpV3SpGrXTGSpUZV0pXOVgrvclBrQS1KJJSsVKJZcXMSpLWwohUc1VR3jLqtl16WuzIPru\/xeDJEbPCH6HHn\/gp0iBxx7Hr0X2wKTSgS\/XEfMPg5L9D3+Er5pfvTf26kLNI3VN7eXF69xuLp+kC\" \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>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h3>Buka Kekuatan Otomasi Teks ke Diagram Hari Ini<\/h3>\n<p>Baik Anda membutuhkan <strong>pembuat grafik<\/strong>untuk menerjemahkan metrik bisnis mentah atau kanvas terpusat untuk peta rekayasa struktural, VPasCode menyederhanakan alur kerja harian Anda. Ucapkan selamat tinggal pada aplikasi yang terpecah dan perpustakaan visualisasi yang rapuh.<\/p>\n<blockquote>\n<p><strong>Siap mengubah struktur data Anda menjadi dashboard visual interaktif?<\/strong><br \/>\nJelajahi seluruh kanvas, coba template ini, dan uji kinerja rendering kami secara gratis.<br \/>\n<strong><a href=\"https:\/\/www.vpascode.com\/#echarts:NL2vRiCm3Dtp5ToqU72EeeMB3bawfKjJ84FWGOvPXwWi6Z9Ts0ZyxwKiJnqaNkyz7jm9iOStU6m0XCHX0GyG7AK0Sq7ySHEShSFUPE3mEsPlw0M3WJcB56Odr2saG4s3GH5sf7wjDu7gM4pSGvw1ekxgxjGLLkAJEXMBS5l0NlqRUx7aJxP2LwZeW4bfFAhgqcVgC8vX1HiEamvMMx45NCq7UutCru3HNB1UeliGpNiWKoQbwP_IhtNAIBKU0w4Mh_4U0Dws4R5UO4cjfCg6DR5styQDThb-sxZIYxxdl4mG4cpFCgNZLXng39-sfa4R7M1Mo5nkvjS_\">Mulai Editor VPasCode Langsung Sekarang \u2192<\/a><\/strong><\/p>\n<\/blockquote>\n","protected":false},"featured_media":2702,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Editor Grafik Terbaik & Platform Diagram-Seragam sebagai Kode | VPasCode","_yoast_wpseo_metadesc":"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.","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-2701","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>Editor Grafik Terbaik &amp; Platform Diagram-Seragam sebagai Kode | VPasCode<\/title>\n<meta name=\"description\" content=\"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.\" \/>\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\/id\/releases\/vpascode-echarts-support-chart-maker\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editor Grafik Terbaik &amp; Platform Diagram-Seragam sebagai Kode | VPasCode\" \/>\n<meta property=\"og:description\" content=\"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Indonesian\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/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=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/\",\"name\":\"Editor Grafik Terbaik & Platform Diagram-Seragam sebagai Kode | VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png\",\"datePublished\":\"2026-07-14T03:45:20+00:00\",\"description\":\"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode Sekarang Mendukung Pengeditan Grafik &#8211; Editor Grafik Utama Anda dan Platform Teks ke Diagram\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Indonesian\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Editor Grafik Terbaik & Platform Diagram-Seragam sebagai Kode | VPasCode","description":"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.","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\/id\/releases\/vpascode-echarts-support-chart-maker\/","og_locale":"id_ID","og_type":"article","og_title":"Editor Grafik Terbaik & Platform Diagram-Seragam sebagai Kode | VPasCode","og_description":"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.","og_url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/","og_site_name":"Visual Paradigm Product Updates Indonesian","og_image":[{"width":1192,"height":745,"url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/","url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/","name":"Editor Grafik Terbaik & Platform Diagram-Seragam sebagai Kode | VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png","datePublished":"2026-07-14T03:45:20+00:00","description":"VPasCode memperluas platform teks ke diagram seragamnya dengan dukungan Apache ECharts. Gunakan editor grafik gratis kami untuk membuat grafik batang tumpuk, radar, sankey, dan sunburst.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a55b06a06ebf.png","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-echarts-support-chart-maker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"VPasCode Sekarang Mendukung Pengeditan Grafik &#8211; Editor Grafik Utama Anda dan Platform Teks ke Diagram"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/id\/#website","url":"https:\/\/updates.visual-paradigm.com\/id\/","name":"Visual Paradigm Product Updates Indonesian","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization","name":"Visual Paradigm Product Updates Indonesian","url":"https:\/\/updates.visual-paradigm.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Indonesian"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2701\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/2702"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=2701"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product?post=2701"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product-area?post=2701"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/version?post=2701"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/release-type?post=2701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}