{"id":429,"date":"2023-07-29T23:24:50","date_gmt":"2023-07-29T23:24:50","guid":{"rendered":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/"},"modified":"2023-07-29T23:24:50","modified_gmt":"2023-07-29T23:24:50","slug":"gerador-de-diagrama-de-caule-e-folha","status":"publish","type":"post","link":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/","title":{"rendered":"Gerador de plotagem de caule e folha"},"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\">Um gr\u00e1fico de caule e folha exibe dados dividindo cada valor em um conjunto de dados em um \u201ccaule\u201d e uma \u201cfolha\u201d.<\/p>\n<p style=\"text-align: left\"> Para aprender como criar um contorno de caule e folha manualmente, leia <a href=\"https:\/\/statorials.org\/pt\/diagramas-de-caule-e-folha\/\" target=\"_blank\" rel=\"noopener\">este tutorial<\/a> .<\/p>\n<p style=\"text-align: left\"> Para criar um gr\u00e1fico de caule e folhas para um determinado conjunto de dados, insira seus dados separados por v\u00edrgulas na caixa abaixo: <\/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>Um gr\u00e1fico de caule e folha exibe dados dividindo cada valor em um conjunto de dados em um \u201ccaule\u201d e uma \u201cfolha\u201d. Para aprender como criar um contorno de caule e folha manualmente, leia este tutorial . Para criar um gr\u00e1fico de caule e folhas para um determinado conjunto de dados, insira seus dados separados [&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-429","post","type-post","status-publish","format-standard","hentry","category-guia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gerador de plotagem de caule e folha - Estatoriais<\/title>\n<meta name=\"description\" content=\"Esta ferramenta cria um gr\u00e1fico de caule e folhas para um determinado conjunto de dados inserido por um usu\u00e1rio.\" \/>\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\/pt\/gerador-de-diagrama-de-caule-e-folha\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gerador de plotagem de caule e folha - Estatoriais\" \/>\n<meta property=\"og:description\" content=\"Esta ferramenta cria um gr\u00e1fico de caule e folhas para um determinado conjunto de dados inserido por um usu\u00e1rio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/\" \/>\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. benjamim anderson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dr. benjamim anderson\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/\",\"url\":\"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/\",\"name\":\"Gerador de plotagem de caule e folha - Estatoriais\",\"isPartOf\":{\"@id\":\"https:\/\/statorials.org\/pt\/#website\"},\"datePublished\":\"2023-07-29T23:24:50+00:00\",\"dateModified\":\"2023-07-29T23:24:50+00:00\",\"author\":{\"@id\":\"https:\/\/statorials.org\/pt\/#\/schema\/person\/e08f98e8db95e0aa9c310e1b27c9c666\"},\"description\":\"Esta ferramenta cria um gr\u00e1fico de caule e folhas para um determinado conjunto de dados inserido por um usu\u00e1rio.\",\"breadcrumb\":{\"@id\":\"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Lar\",\"item\":\"https:\/\/statorials.org\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gerador de plotagem de caule e folha\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/statorials.org\/pt\/#website\",\"url\":\"https:\/\/statorials.org\/pt\/\",\"name\":\"Statorials\",\"description\":\"O seu guia para a literacia estat\u00edstica!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/statorials.org\/pt\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/statorials.org\/pt\/#\/schema\/person\/e08f98e8db95e0aa9c310e1b27c9c666\",\"name\":\"Dr. benjamim anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/statorials.org\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/statorials.org\/pt\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"contentUrl\":\"https:\/\/statorials.org\/pt\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"caption\":\"Dr. benjamim anderson\"},\"description\":\"Ol\u00e1, sou Benjamin, um professor aposentado de estat\u00edstica que se tornou professor dedicado na Statorials. Com vasta experi\u00eancia e conhecimento na \u00e1rea de estat\u00edstica, estou empenhado em compartilhar meu conhecimento para capacitar os alunos por meio de Statorials. Saber mais\",\"sameAs\":[\"https:\/\/statorials.org\/pt\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gerador de plotagem de caule e folha - Estatoriais","description":"Esta ferramenta cria um gr\u00e1fico de caule e folhas para um determinado conjunto de dados inserido por um usu\u00e1rio.","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\/pt\/gerador-de-diagrama-de-caule-e-folha\/","og_locale":"pt_PT","og_type":"article","og_title":"Gerador de plotagem de caule e folha - Estatoriais","og_description":"Esta ferramenta cria um gr\u00e1fico de caule e folhas para um determinado conjunto de dados inserido por um usu\u00e1rio.","og_url":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/","og_site_name":"Statorials","article_published_time":"2023-07-29T23:24:50+00:00","author":"Dr. benjamim anderson","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Dr. benjamim anderson"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/","url":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/","name":"Gerador de plotagem de caule e folha - Estatoriais","isPartOf":{"@id":"https:\/\/statorials.org\/pt\/#website"},"datePublished":"2023-07-29T23:24:50+00:00","dateModified":"2023-07-29T23:24:50+00:00","author":{"@id":"https:\/\/statorials.org\/pt\/#\/schema\/person\/e08f98e8db95e0aa9c310e1b27c9c666"},"description":"Esta ferramenta cria um gr\u00e1fico de caule e folhas para um determinado conjunto de dados inserido por um usu\u00e1rio.","breadcrumb":{"@id":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/statorials.org\/pt\/gerador-de-diagrama-de-caule-e-folha\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Lar","item":"https:\/\/statorials.org\/pt\/"},{"@type":"ListItem","position":2,"name":"Gerador de plotagem de caule e folha"}]},{"@type":"WebSite","@id":"https:\/\/statorials.org\/pt\/#website","url":"https:\/\/statorials.org\/pt\/","name":"Statorials","description":"O seu guia para a literacia estat\u00edstica!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/statorials.org\/pt\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/statorials.org\/pt\/#\/schema\/person\/e08f98e8db95e0aa9c310e1b27c9c666","name":"Dr. benjamim anderson","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/statorials.org\/pt\/#\/schema\/person\/image\/","url":"https:\/\/statorials.org\/pt\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","contentUrl":"https:\/\/statorials.org\/pt\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","caption":"Dr. benjamim anderson"},"description":"Ol\u00e1, sou Benjamin, um professor aposentado de estat\u00edstica que se tornou professor dedicado na Statorials. Com vasta experi\u00eancia e conhecimento na \u00e1rea de estat\u00edstica, estou empenhado em compartilhar meu conhecimento para capacitar os alunos por meio de Statorials. Saber mais","sameAs":["https:\/\/statorials.org\/pt"]}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"_links":{"self":[{"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/posts\/429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":0,"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/posts\/429\/revisions"}],"wp:attachment":[{"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/media?parent=429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/categories?post=429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/statorials.org\/pt\/wp-json\/wp\/v2\/tags?post=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}