{"id":11677,"date":"2026-01-10T22:17:25","date_gmt":"2026-01-10T14:17:25","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/"},"modified":"2026-01-10T22:17:25","modified_gmt":"2026-01-10T14:17:25","slug":"how-to-create-a-range-spline-area-chart","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/","title":{"rendered":"Cara Membuat Grafik Area Spline Rentang"},"content":{"rendered":"<p>Spline rentang sangat mirip dengan plot area untuk visualisasi data. Perbedaan utama antara keduanya adalah bahwa grafik kedua memplot nilai sumbu Y satu per satu, sementara yang pertama adalah jenis grafik area spline yang memplot nilai kedua sumbu Y seiring waktu \u2013 rendah dan tinggi. Buat grafik dengan mudah dengan <a href=\"https:\/\/online.visual-paradigm.com\/\">Visual Paradigm Online<\/a>. Dalam video ini, Anda dapat melihat cara membuat grafik area spline rentang di VP Online.<\/p>\n<p><iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\" frameborder=\"0\" height=\"551\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/YUSA34ZxZ-k?feature=oembed\" title=\"How to Create a Range Spline Area Chart\" width=\"980\"><\/iframe><\/p>\n<p>Langkah-langkahnya sebagai berikut:<\/p>\n<ol>\n<li>Klik pada panel grafik di sebelah kiri dan pilih grafik pareto<br \/>\n<img alt=\"\" class=\"alignnone size-large wp-image-12924\" decoding=\"async\" height=\"314\" loading=\"lazy\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png 354w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01-300x266.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01-150x133.png 150w\" width=\"354\"\/><\/li>\n<li>Seret grafik ke kanvas Anda dan sesuaikan ukurannya<\/li>\n<li>Klik pada panel grafik di sebelah &#8220;kanan Anda&#8221; dan pilih edit data<\/li>\n<li><img alt=\"\" class=\"alignnone size-full wp-image-12926\" decoding=\"async\" height=\"128\" loading=\"lazy\" sizes=\"auto, (max-width: 236px) 100vw, 236px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartssss-02.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartssss-02.png 236w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartssss-02-150x81.png 150w\" width=\"236\"\/><\/li>\n<li>Ganti data lama dengan data Anda sendiri<\/li>\n<li><img alt=\"\" class=\"alignnone size-large wp-image-12922\" decoding=\"async\" height=\"174\" loading=\"lazy\" sizes=\"auto, (max-width: 231px) 100vw, 231px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-03.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-03.png 231w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-03-150x113.png 150w\" width=\"231\"\/><\/li>\n<li>Sesuaikan gaya grafik Anda termasuk warna grafik dan font<\/li>\n<li><img alt=\"\" class=\"alignnone size-large wp-image-12923\" decoding=\"async\" height=\"248\" loading=\"lazy\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-04.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-04.png 289w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-04-150x129.png 150w\" width=\"289\"\/><\/li>\n<li>Selesaikan grafik Anda dan simpan<\/li>\n<\/ol>\n<p>Mencari contoh grafik pareto? Klik <a href=\"https:\/\/online.visual-paradigm.com\/charts\/templates\/pareto-charts\/\">visual paradigm online<\/a>!!!<\/p>\n<p><img class=\"alignnone size-large\" decoding=\"async\" height=\"675\" loading=\"lazy\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/10\/paris-7-days-temperature-range-floating-column.png\" width=\"1200\"\/><\/p>\n<p><a href=\"https:\/\/online.visual-paradigm.com\/charts\/templates\/floating-column-charts\/paris-7-days-temperature-range-floating-column\/\">Kolom Mengambang Rentang Suhu 7 Hari di Paris<\/a><\/p>\n<p><img class=\"alignnone size-large\" decoding=\"async\" height=\"675\" loading=\"lazy\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/10\/sales-range-in-2020-floating-bar-chart.png\" width=\"1200\"\/><\/p>\n<p><a href=\"https:\/\/online.visual-paradigm.com\/charts\/templates\/floating-bar-charts\/sales-range-in-2020-floating-bar-chart\/\">Grafik Batang Mengambang Rentang Penjualan Tahun 2020<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Range splines are very similar to area plots for data visualization. The main difference between them is that the second graph plots the values of the Y axis one by one, while the first is a type graph of the spline area that plots the values of both Y axes over time &#8211; low and high. Create charts easily with Visual Paradigm Online. In this video, you can see how to create a range spline area chart in VP Online.<\/p>\n","protected":false},"author":9,"featured_media":11678,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-11677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Membuat Grafik Area Spline Rentang - Visual Paradigm Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Grafik Area Spline Rentang - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"Range splines are very similar to area plots for data visualization. The main difference between them is that the second graph plots the values of the Y axis one by one, while the first is a type graph of the spline area that plots the values of both Y axes over time - low and high. Create charts easily with Visual Paradigm Online. In this video, you can see how to create a range spline area chart in VP Online.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:17:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"354\" \/>\n\t<meta property=\"og:image:height\" content=\"314\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpvera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpvera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/\",\"name\":\"Cara Membuat Grafik Area Spline Rentang - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\",\"datePublished\":\"2026-01-10T14:17:25+00:00\",\"dateModified\":\"2026-01-10T14:17:25+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/d66f7af7c2e602bc315f17153210fdd7\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png\",\"width\":354,\"height\":314},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Grafik Area Spline Rentang\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/d66f7af7c2e602bc315f17153210fdd7\",\"name\":\"vpvera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c3dee023075fe614082d73fe9158696?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c3dee023075fe614082d73fe9158696?s=96&d=mm&r=g\",\"caption\":\"vpvera\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/author\/vpvera\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Grafik Area Spline Rentang - Visual Paradigm Blog","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:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Membuat Grafik Area Spline Rentang - Visual Paradigm Blog","og_description":"Range splines are very similar to area plots for data visualization. The main difference between them is that the second graph plots the values of the Y axis one by one, while the first is a type graph of the spline area that plots the values of both Y axes over time - low and high. Create charts easily with Visual Paradigm Online. In this video, you can see how to create a range spline area chart in VP Online.","og_url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:17:25+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png","type":"","width":"","height":""},{"width":354,"height":314,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png","type":"image\/png"}],"author":"vpvera","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/05\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png","twitter_misc":{"Ditulis oleh":"vpvera","Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/","url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/","name":"Cara Membuat Grafik Area Spline Rentang - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png","datePublished":"2026-01-10T14:17:25+00:00","dateModified":"2026-01-10T14:17:25+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/d66f7af7c2e602bc315f17153210fdd7"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/How-to-Create-a-Range-Spline-Area-Chartsss-01.png","width":354,"height":314},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-create-a-range-spline-area-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Grafik Area Spline Rentang"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/id\/#website","url":"https:\/\/blog.visual-paradigm.com\/id\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/d66f7af7c2e602bc315f17153210fdd7","name":"vpvera","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c3dee023075fe614082d73fe9158696?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c3dee023075fe614082d73fe9158696?s=96&d=mm&r=g","caption":"vpvera"},"url":"https:\/\/blog.visual-paradigm.com\/id\/author\/vpvera\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/comments?post=11677"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11677\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/11678"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=11677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/categories?post=11677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/tags?post=11677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}