{"id":430,"date":"2023-07-29T23:24:50","date_gmt":"2023-07-29T23:24:50","guid":{"rendered":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/"},"modified":"2023-07-29T23:24:50","modified_gmt":"2023-07-29T23:24:50","slug":"stam-en-bladdiagramgenerator","status":"publish","type":"post","link":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/","title":{"rendered":"Stam- en bladplotgenerator"},"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\">Een stengel- en bladplot geeft gegevens weer door elke waarde in een gegevensset te verdelen in een &#8217;stengel&#8216; en een &#8218;blad&#8216;.<\/p>\n<p style=\"text-align: left\"> Lees <a href=\"https:\/\/statorials.org\/nl\/stam-en-bladdiagrammen\/\" target=\"_blank\" rel=\"noopener\">deze tutorial<\/a> om te leren hoe u met de hand een stengel- en bladomtrek kunt maken.<\/p>\n<p style=\"text-align: left\"> Om een stam- en bladplot voor een bepaalde dataset te maken, voert u uw gegevens in het onderstaande vak in, gescheiden door komma&#8217;s: <\/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>Een stengel- en bladplot geeft gegevens weer door elke waarde in een gegevensset te verdelen in een &#8217;stengel&#8216; en een &#8218;blad&#8216;. Lees deze tutorial om te leren hoe u met de hand een stengel- en bladomtrek kunt maken. Om een stam- en bladplot voor een bepaalde dataset te maken, voert u uw gegevens in het [&hellip;]<\/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":[],"class_list":["post-430","post","type-post","status-publish","format-standard","hentry","category-gids"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Stam- en bladplotgenerator - Statorials<\/title>\n<meta name=\"description\" content=\"Deze tool maakt een stengel- en bladplot voor een bepaalde gegevensset die door een gebruiker is ingevoerd.\" \/>\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\/nl\/stam-en-bladdiagramgenerator\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stam- en bladplotgenerator - Statorials\" \/>\n<meta property=\"og:description\" content=\"Deze tool maakt een stengel- en bladplot voor een bepaalde gegevensset die door een gebruiker is ingevoerd.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/\" \/>\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=\"Dr.benjamin anderson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dr.benjamin anderson\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/\",\"url\":\"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/\",\"name\":\"Stam- en bladplotgenerator - Statorials\",\"isPartOf\":{\"@id\":\"https:\/\/statorials.org\/nl\/#website\"},\"datePublished\":\"2023-07-29T23:24:50+00:00\",\"dateModified\":\"2023-07-29T23:24:50+00:00\",\"author\":{\"@id\":\"https:\/\/statorials.org\/nl\/#\/schema\/person\/d4b8842173cca1bb62cdec41860e4219\"},\"description\":\"Deze tool maakt een stengel- en bladplot voor een bepaalde gegevensset die door een gebruiker is ingevoerd.\",\"breadcrumb\":{\"@id\":\"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Thuis\",\"item\":\"https:\/\/statorials.org\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stam- en bladplotgenerator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/statorials.org\/nl\/#website\",\"url\":\"https:\/\/statorials.org\/nl\/\",\"name\":\"Statorials\",\"description\":\"Uw gids voor statistische competentie\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/statorials.org\/nl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/statorials.org\/nl\/#\/schema\/person\/d4b8842173cca1bb62cdec41860e4219\",\"name\":\"Dr.benjamin anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/statorials.org\/nl\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/statorials.org\/nl\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"contentUrl\":\"http:\/\/statorials.org\/nl\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"caption\":\"Dr.benjamin anderson\"},\"description\":\"Ik ben Benjamin, een gepensioneerde hoogleraar statistiek die nu een toegewijde Statorials-lesgever is. Ik heb uitgebreide ervaring en expertise op het gebied van statistiek en ik ben vastbesloten om mijn kennis te delen met studenten via Statorials. Lees verder\",\"sameAs\":[\"http:\/\/statorials.org\/nl\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Stam- en bladplotgenerator - Statorials","description":"Deze tool maakt een stengel- en bladplot voor een bepaalde gegevensset die door een gebruiker is ingevoerd.","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\/nl\/stam-en-bladdiagramgenerator\/","og_locale":"de_DE","og_type":"article","og_title":"Stam- en bladplotgenerator - Statorials","og_description":"Deze tool maakt een stengel- en bladplot voor een bepaalde gegevensset die door een gebruiker is ingevoerd.","og_url":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/","og_site_name":"Statorials","article_published_time":"2023-07-29T23:24:50+00:00","author":"Dr.benjamin anderson","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Dr.benjamin anderson"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/","url":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/","name":"Stam- en bladplotgenerator - Statorials","isPartOf":{"@id":"https:\/\/statorials.org\/nl\/#website"},"datePublished":"2023-07-29T23:24:50+00:00","dateModified":"2023-07-29T23:24:50+00:00","author":{"@id":"https:\/\/statorials.org\/nl\/#\/schema\/person\/d4b8842173cca1bb62cdec41860e4219"},"description":"Deze tool maakt een stengel- en bladplot voor een bepaalde gegevensset die door een gebruiker is ingevoerd.","breadcrumb":{"@id":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/statorials.org\/nl\/stam-en-bladdiagramgenerator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Thuis","item":"https:\/\/statorials.org\/nl\/"},{"@type":"ListItem","position":2,"name":"Stam- en bladplotgenerator"}]},{"@type":"WebSite","@id":"https:\/\/statorials.org\/nl\/#website","url":"https:\/\/statorials.org\/nl\/","name":"Statorials","description":"Uw gids voor statistische competentie","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/statorials.org\/nl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/statorials.org\/nl\/#\/schema\/person\/d4b8842173cca1bb62cdec41860e4219","name":"Dr.benjamin anderson","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/statorials.org\/nl\/#\/schema\/person\/image\/","url":"http:\/\/statorials.org\/nl\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","contentUrl":"http:\/\/statorials.org\/nl\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","caption":"Dr.benjamin anderson"},"description":"Ik ben Benjamin, een gepensioneerde hoogleraar statistiek die nu een toegewijde Statorials-lesgever is. Ik heb uitgebreide ervaring en expertise op het gebied van statistiek en ik ben vastbesloten om mijn kennis te delen met studenten via Statorials. Lees verder","sameAs":["http:\/\/statorials.org\/nl"]}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"_links":{"self":[{"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/posts\/430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/comments?post=430"}],"version-history":[{"count":0,"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/posts\/430\/revisions"}],"wp:attachment":[{"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/media?parent=430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/categories?post=430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/statorials.org\/nl\/wp-json\/wp\/v2\/tags?post=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}