{"id":431,"date":"2023-07-29T23:24:50","date_gmt":"2023-07-29T23:24:50","guid":{"rendered":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/"},"modified":"2023-07-29T23:24:50","modified_gmt":"2023-07-29T23:24:50","slug":"generator-diagram-batang-dan-daun","status":"publish","type":"post","link":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/","title":{"rendered":"Generator petak batang dan daun"},"content":{"rendered":"<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/3.5.5\/d3.min.js\"><\/script><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Droid+Serif|Raleway');<\/p>\n<p>h1 {\ncolor: black;\ntext-align: center;\nmargin-bottom: 0px;\nmargin-top: 15px;\nfont-family: 'Raleway', sans-serif;\n}<\/p>\n<p>p {\ncolor: black;\ntext-align: center;\nmargin-bottom: 15px;\nmargin-top: 15px;\nfont-family: 'Raleway', sans-serif;\n}<\/p>\n<p>#words {\npadding-left: 30px;\ncolor: black;\nfont-family: Raleway;\nmax-width: 550px;\nmargin: 25px auto;\nline-height: 1.75;\n}<\/p>\n<p>#words_summary {\npadding-left: 70px;\ncolor: black;\nfont-family: Raleway;\nmax-width: 550px;\nmargin: 25px auto;\nline-height: 1.75;\n}<\/p>\n<p>#words_text {\ncolor: black;\nfont-family: Raleway;\nmax-width: 550px;\nmargin: 25px auto;\nline-height: 1.75;\n}<\/p>\n<p>#words_text_area {\ndisplay:inline-block;\ncolor: black;\nfont-family: Raleway;\nmax-width: 550px;\nmargin: 25px auto;\nline-height: 1.75;\npadding-left: 100px;\n}<\/p>\n<p>#calcTitle {\ntext-align: center;\nfont-size: 20px;\nmargin-bottom: 0px;\nfont-family: 'Raleway', serif;\n}<\/p>\n<p>#hr_top {\nwidth: 30%;\nmargin-bottom: 0px;\nborder: none;\nheight: 2px;\ncolor: black;\nbackground-color: black;\n}<\/p>\n<p>#hr_bottom {\nwidth: 30%;\nmargin-top: 15px;\nborder: none;\nheight: 2px;\ncolor: black;\nbackground-color: black;\n}<\/p>\n<p>label, input {\n    display: inline-block;\n    vertical-align: baseline;\n    width: 350px;\n}<\/p>\n<p>    #button {\n      border: 1px solid;\n      border-radius: 10px;\n      margin-top: 20px;<\/p>\n<p>      cursor: pointer;\n      outline: none;\n      background-color: white;\n      color: black;\n      font-family: 'Work Sans', sans-serif;\n      border: 1px solid grey;\n      \/* Green *\/\n    }<\/p>\n<p>    #button:hover {\n      background-color: #f6f6f6;\n      border: 1px solid black;\n    }<\/p>\n<p>\t#words_table {\ncolor: black;\nfont-family: Raleway;\nmax-width: 350px;\nmargin: 25px auto;\nline-height: 1.75;\n}<\/p>\n<p>#summary_table {\ncolor: black;\nfont-family: Raleway;\nmax-width: 550px;\nmargin: 25px auto;\nline-height: 1.75;\npadding-left: 20px;\n}<\/p>\n<p>table {\n      border-collapse: collapse;\n    }\n    th:first-child, td:first-child {\n      border-right: 1px solid silver;\n      text-align: right;\n    }<\/p>\n<p>    td {\n    text-align: center;\n    }<\/p>\n<p>    thead td {\n    border-top: none;\n    }<\/p>\n<p>    th, td {\n      padding: 2px;\n    }<\/p>\n<p>#text_area_input {\n\tpadding-left: 35%;\n\tfloat: left;\n}<\/p>\n<\/style>\n<div id=\"words\">\n<p style=\"text-align: left\">Plot batang dan daun menampilkan data dengan membagi setiap nilai dalam kumpulan data menjadi &#8220;batang&#8221; dan &#8220;daun&#8221;.<\/p>\n<p style=\"text-align: left\"> Untuk mempelajari cara membuat kerangka batang dan daun dengan tangan, baca tutorial ini .<\/p>\n<p style=\"text-align: left\"> Untuk membuat plot batang dan daun untuk kumpulan data tertentu, masukkan data Anda dipisahkan dengan koma pada kotak di bawah ini: <\/p>\n<\/div>\n<div id=\"words_table\"><textarea id=\"input_data\" name=\"x\" rows=\"5\" cols=\"40\"><\/textarea><\/div>\n<div id=\"words_table\"><input type=\"button\" id=\"button\" onclick=\"calc()\" value=\"Generate Stem and Leaf Plot\"><\/div>\n<div id=\"words_table\">\n<div id=\"target\"><\/div>\n<\/div>\n<div class=\"content_hint\"><\/div>\n<p><script>\n\/\/code to generate stem and leaf plot comes from https:\/\/www.rosettacode.org\/wiki\/Stem-and-leaf_plot<\/p>\n<p>function calc() {<\/p>\n<p>\/\/remove current stem and leaf plot\nvar element = document.getElementsByTagName('table')[0];\n    if(element) {element.parentNode.removeChild(element)}<\/p>\n<p>var data = document.getElementById('input_data').value.match(\/\\d+\/g).map(Number);<\/p>\n<p>function has_property(obj, propname) {\n        return typeof(obj[propname]) === \"undefined\" ? false : true;\n    }<\/p>\n<p>    function compare_numbers(a, b) {return a-b;}<\/p>\n<p>    function stemplot(data, target) {\n        var stem_data = {};\n        var all_stems = [];\n        for (var i = 0; i < data.length; i++) {\n            var stem = Math.floor(data[i] \/ 10);\n            var leaf = Math.round(data[i] % 10);\n            if (has_property(stem_data, stem)) {\n                stem_data[stem].push(leaf);\n            } else {\n                stem_data[stem] = [leaf];\n                all_stems.push(stem);\n            }\n        }\n        all_stems.sort(compare_numbers);\n \n        var min_stem = all_stems[0];\n        var max_stem = all_stems[all_stems.length - 1];\n \n        var table = document.createElement('table');\n        for (var stem = min_stem; stem <= max_stem; stem++) {\n            var row = document.createElement('tr');\n            var label = document.createElement('th');\n            row.appendChild(label);\n            label.appendChild(document.createTextNode(stem));\n            if (has_property(stem_data, stem)) {\n                stem_data[stem].sort(compare_numbers);\n                for (var i = 0; i < stem_data[stem].length; i++) {\n                    var cell = document.createElement('td');\n                    cell.appendChild(document.createTextNode(stem_data[stem][i]));\n                    row.appendChild(cell);\n                }\n            }\n            table.appendChild(row);\n        }\n        target.appendChild(table);\n    }\n    \n    stemplot(data, document.getElementById('target'));\n    \n\/\/insert header in table\nvar the_table = document.getElementsByTagName('table')[0];\nvar header_insert = the_table.createTHead();\nvar row_insert = header_insert.insertRow(0);\nvar cell_insert = row_insert.insertCell(0);\nvar cell_insert2 = row_insert.insertCell(1);\ncell_insert.innerHTML = \"<b>Stem<\/b>\";\ncell_insert2.innerHTML = \"<b>Leaf<\/b>\";<\/p>\n<p>} \/\/end calc function\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Plot batang dan daun menampilkan data dengan membagi setiap nilai dalam kumpulan data menjadi &#8220;batang&#8221; dan &#8220;daun&#8221;. Untuk mempelajari cara membuat kerangka batang dan daun dengan tangan, baca tutorial ini . Untuk membuat plot batang dan daun untuk kumpulan data tertentu, masukkan data Anda dipisahkan dengan koma pada kotak di bawah ini:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Generator Plot Batang dan Daun - Statorial<\/title>\n<meta name=\"description\" content=\"Alat ini membuat plot batang dan daun untuk kumpulan data tertentu yang dimasukkan oleh pengguna.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Generator Plot Batang dan Daun - Statorial\" \/>\n<meta property=\"og:description\" content=\"Alat ini membuat plot batang dan daun untuk kumpulan data tertentu yang dimasukkan oleh pengguna.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/\" \/>\n<meta property=\"og:site_name\" content=\"Statorials\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-29T23:24:50+00:00\" \/>\n<meta name=\"author\" content=\"Benjamin anderson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benjamin anderson\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/\",\"url\":\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/\",\"name\":\"Generator Plot Batang dan Daun - Statorial\",\"isPartOf\":{\"@id\":\"https:\/\/statorials.org\/id\/#website\"},\"datePublished\":\"2023-07-29T23:24:50+00:00\",\"dateModified\":\"2023-07-29T23:24:50+00:00\",\"author\":{\"@id\":\"https:\/\/statorials.org\/id\/#\/schema\/person\/3d17a1160dd2d052b7c78e502cb9ec81\"},\"description\":\"Alat ini membuat plot batang dan daun untuk kumpulan data tertentu yang dimasukkan oleh pengguna.\",\"breadcrumb\":{\"@id\":\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/statorials.org\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Generator petak batang dan daun\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/statorials.org\/id\/#website\",\"url\":\"https:\/\/statorials.org\/id\/\",\"name\":\"Statorials\",\"description\":\"Panduan anda untuk kompetensi statistik!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/statorials.org\/id\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/statorials.org\/id\/#\/schema\/person\/3d17a1160dd2d052b7c78e502cb9ec81\",\"name\":\"Benjamin anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/statorials.org\/id\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/statorials.org\/id\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"contentUrl\":\"http:\/\/statorials.org\/id\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"caption\":\"Benjamin anderson\"},\"description\":\"Halo, saya Benjamin, pensiunan profesor statistika yang menjadi guru Statorial yang berdedikasi. Dengan pengalaman dan keahlian yang luas di bidang statistika, saya ingin berbagi ilmu untuk memberdayakan mahasiswa melalui Statorials. Baca selengkapnya\",\"sameAs\":[\"http:\/\/statorials.org\/id\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Generator Plot Batang dan Daun - Statorial","description":"Alat ini membuat plot batang dan daun untuk kumpulan data tertentu yang dimasukkan oleh pengguna.","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:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/","og_locale":"id_ID","og_type":"article","og_title":"Generator Plot Batang dan Daun - Statorial","og_description":"Alat ini membuat plot batang dan daun untuk kumpulan data tertentu yang dimasukkan oleh pengguna.","og_url":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/","og_site_name":"Statorials","article_published_time":"2023-07-29T23:24:50+00:00","author":"Benjamin anderson","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Benjamin anderson"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/","url":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/","name":"Generator Plot Batang dan Daun - Statorial","isPartOf":{"@id":"https:\/\/statorials.org\/id\/#website"},"datePublished":"2023-07-29T23:24:50+00:00","dateModified":"2023-07-29T23:24:50+00:00","author":{"@id":"https:\/\/statorials.org\/id\/#\/schema\/person\/3d17a1160dd2d052b7c78e502cb9ec81"},"description":"Alat ini membuat plot batang dan daun untuk kumpulan data tertentu yang dimasukkan oleh pengguna.","breadcrumb":{"@id":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/statorials.org\/id\/generator-diagram-batang-dan-daun\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/statorials.org\/id\/"},{"@type":"ListItem","position":2,"name":"Generator petak batang dan daun"}]},{"@type":"WebSite","@id":"https:\/\/statorials.org\/id\/#website","url":"https:\/\/statorials.org\/id\/","name":"Statorials","description":"Panduan anda untuk kompetensi statistik!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/statorials.org\/id\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/statorials.org\/id\/#\/schema\/person\/3d17a1160dd2d052b7c78e502cb9ec81","name":"Benjamin anderson","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/statorials.org\/id\/#\/schema\/person\/image\/","url":"http:\/\/statorials.org\/id\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","contentUrl":"http:\/\/statorials.org\/id\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","caption":"Benjamin anderson"},"description":"Halo, saya Benjamin, pensiunan profesor statistika yang menjadi guru Statorial yang berdedikasi. Dengan pengalaman dan keahlian yang luas di bidang statistika, saya ingin berbagi ilmu untuk memberdayakan mahasiswa melalui Statorials. Baca selengkapnya","sameAs":["http:\/\/statorials.org\/id"]}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"_links":{"self":[{"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/posts\/431"}],"collection":[{"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":0,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/posts\/431\/revisions"}],"wp:attachment":[{"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/media?parent=431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/categories?post=431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/tags?post=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}