{"id":429,"date":"2023-07-29T23:22:19","date_gmt":"2023-07-29T23:22:19","guid":{"rendered":"https:\/\/statorials.org\/de\/punktwolkengenerator\/"},"modified":"2023-07-29T23:22:19","modified_gmt":"2023-07-29T23:22:19","slug":"punktwolkengenerator","status":"publish","type":"post","link":"https:\/\/statorials.org\/de\/punktwolkengenerator\/","title":{"rendered":"Punktwolkengenerator"},"content":{"rendered":"<p><script src=\"https:\/\/d3js.org\/d3.v3.min.js\" charset=\"utf-8\"><\/script><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css?family=Droid+Serif|Raleway');<\/p>\n<p>.axis--y .domain {\n  display: none;\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_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-top: 15px;\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>#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>.label_radio {\n\ttext-align: center;\n}<\/p>\n<p>#text_area_input {\n\tpadding-left: 35%;\n\tfloat: left;\n}<\/p>\n<p>textarea, textarea:focus {\n\tmargin-right: 5px;\n\twidth: 85px;\n\toutline: 1px solid #aeaeae;\n}<\/p>\n<p>.axis path,\n.axis line {\n  fill: none;\n\tstroke: black;\n\tshape-rendering: crispEdges;\n}\n.axis text {\n\tfont-family: sans-serif;\n\tfont-size: 11px;\n}<\/p>\n<p>h1 {\ntext-align: center;\nfont-size: 50px;\nmargin-bottom: 0px;\nfont-family: 'Raleway', serif;\n}<\/p>\n<\/style>\n<div id=\"words\">\n<p style=\"text-align: left\">Ein <b>Streudiagramm<\/b> wird verwendet, um die Beziehung zwischen zwei Variablen darzustellen.<\/p>\n<p style=\"text-align: left\"> Um ein Streudiagramm f\u00fcr die Variablen X und Y zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.<\/p>\n<\/div>\n<div id=\"words_text\">\n<div id=\"text_area_input\"> Variable Variable Y <\/div>\n<div id=\"text_area_input\"><textarea id=\"x\" name=\"x\" rows=\"15\" cols=\"4\"><\/textarea><textarea id=\"y\" name=\"y\" rows=\"15\" cols=\"4\"><\/textarea><\/div>\n<\/div>\n<div id=\"words_table\"> <label for=\"scatterColor\" style=\"margin-top: 20px\">W\u00e4hlen Sie eine Farbe f\u00fcr das Streudiagramm:<\/label> <input type=\"color\" id=\"scatterColor\" name=\"scatterColor\" value=\"#e66465\"><\/div>\n<div id=\"words_table\"><input type=\"button\" id=\"button\" onclick=\"calc()\" value=\"Generate Scatterplot\"><\/div>\n<div id=\"words_table\">\n<div id=\"chart\"><\/div>\n<\/div>\n<p><script><\/p>\n<p>\/\/create function that performs calculations\nfunction calc() {<\/p>\n<p>d3.select(\"svg\").remove();<\/p>\n<p>\/\/get data\nvar x = document.getElementById('x').value.match(\/\\d+\/g).map(Number);\nvar y = document.getElementById('y').value.match(\/\\d+\/g).map(Number);<\/p>\n<p>var data = [];\nfor (var i=0; i < x.length; i++) {\n    data.push({\n        asd: x[i],\n        aror: y[i]\n    });\n}\n\n\/\/get selected color\nvar color = document.getElementById('scatterColor').value;     \n\n\/\/create scatterplot\nvar body = d3.select('#chart')\n\tvar margin = { top: 50, right: 50, bottom: 50, left: 50 }\n\tvar h = 500 - margin.top - margin.bottom\n\tvar w = 500 - margin.left - margin.right\n\n\/\/ Scales\n  var xScale = d3.scale.linear()\n    .domain([\n    \td3.min([0,d3.min(data,function (d) { return d.asd })]),\n    \td3.max([0,d3.max(data,function (d) { return d.asd })+5])\n    \t])\n    .range([0,w])\n  var yScale = d3.scale.linear()\n    .domain([\n    \td3.min([0,d3.min(data,function (d) { return d.aror })]),\n    \td3.max([0,d3.max(data,function (d) { return d.aror })+5])\n    \t])\n    .range([h,0])\n\t\/\/ SVG\n\tvar svg = body.append('svg')\n\t    .attr('height',h + margin.top + margin.bottom)\n\t    .attr('width',w + margin.left + margin.right)\n\t  .append('g')\n\t    .attr('transform','translate(' + margin.left + ',' + margin.top + ')')\n\t\/\/ X-axis\n\tvar xAxis = d3.svg.axis()\n\t  .scale(xScale)\n\t  .ticks(5)\n\t  .orient('bottom')\n  \/\/ Y-axis\n\tvar yAxis = d3.svg.axis()\n\t  .scale(yScale)\n\t  .ticks(5)\n\t  .orient('left')\n  \/\/ Circles\n  var circles = svg.selectAll('circle')\n      .data(data)\n      .enter()\n    .append('circle')\n      .attr('cx',function (d) { return xScale(d.asd) })\n      .attr('cy',function (d) { return yScale(d.aror) })\n      .attr('r','6')\n      .attr('stroke','black')\n      .attr('stroke-width',1)\n      .attr('fill', color);\n  \/\/ X-axis\n  svg.append('g')\n      .attr('class','axis')\n      .attr('transform', 'translate(0,' + h + ')')\n      .call(xAxis)\n    .append('text') \/\/ X-axis Label\n      .attr('class','label')\n      .attr('y',-10)\n      .attr('x',w)\n      .attr('dy','.71em')\n      .style('text-anchor','end')\n      .text('X')\n  \/\/ Y-axis\n  svg.append('g')\n      .attr('class', 'axis')\n      .call(yAxis)\n    .append('text') \/\/ y-axis Label\n      .attr('class','label')\n      .attr('transform','rotate(-90)')\n      .attr('x',0)\n      .attr('y',5)\n      .attr('dy','.71em')\n      .style('text-anchor','end')\n      .text('Y')\n\n} \/\/end calc\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ein Streudiagramm wird verwendet, um die Beziehung zwischen zwei Variablen darzustellen. Um ein Streudiagramm f\u00fcr die Variablen X und Y zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c. Variable Variable Y W\u00e4hlen Sie eine Farbe f\u00fcr das Streudiagramm:<\/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>Punktwolkengenerator \u2013 Statorials<\/title>\n<meta name=\"description\" content=\"Um ein Streudiagramm f\u00fcr die X- und Y-Variablen zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.\" \/>\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\/de\/punktwolkengenerator\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Punktwolkengenerator \u2013 Statorials\" \/>\n<meta property=\"og:description\" content=\"Um ein Streudiagramm f\u00fcr die X- und Y-Variablen zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/statorials.org\/de\/punktwolkengenerator\/\" \/>\n<meta property=\"og:site_name\" content=\"Statorials\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-29T23:22:19+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\/de\/punktwolkengenerator\/\",\"url\":\"https:\/\/statorials.org\/de\/punktwolkengenerator\/\",\"name\":\"Punktwolkengenerator \u2013 Statorials\",\"isPartOf\":{\"@id\":\"https:\/\/statorials.org\/de\/#website\"},\"datePublished\":\"2023-07-29T23:22:19+00:00\",\"dateModified\":\"2023-07-29T23:22:19+00:00\",\"author\":{\"@id\":\"https:\/\/statorials.org\/de\/#\/schema\/person\/ec75c4d6365f2708f8a0ad3a42121aa0\"},\"description\":\"Um ein Streudiagramm f\u00fcr die X- und Y-Variablen zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.\",\"breadcrumb\":{\"@id\":\"https:\/\/statorials.org\/de\/punktwolkengenerator\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/statorials.org\/de\/punktwolkengenerator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/statorials.org\/de\/punktwolkengenerator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Heim\",\"item\":\"https:\/\/statorials.org\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Punktwolkengenerator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/statorials.org\/de\/#website\",\"url\":\"https:\/\/statorials.org\/de\/\",\"name\":\"Statorials\",\"description\":\"Ihr Leitfaden f\u00fcr statistische Kompetenz !\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/statorials.org\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/statorials.org\/de\/#\/schema\/person\/ec75c4d6365f2708f8a0ad3a42121aa0\",\"name\":\"Dr. Benjamin Anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/statorials.org\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/statorials.org\/de\/wp-content\/uploads\/2023\/11\/Benjamin-Anderson-96x96.jpg\",\"contentUrl\":\"https:\/\/statorials.org\/de\/wp-content\/uploads\/2023\/11\/Benjamin-Anderson-96x96.jpg\",\"caption\":\"Dr. Benjamin Anderson\"},\"description\":\"Hallo, ich bin Benjamin, ein pensionierter Statistikprofessor, der sich zum engagierten Statorials-Lehrer entwickelt hat. Mit umfassender Erfahrung und Fachwissen auf dem Gebiet der Statistik bin ich bestrebt, mein Wissen zu teilen, um Studenten durch Statorials zu bef\u00e4higen. Mehr wissen\",\"sameAs\":[\"https:\/\/statorials.org\/de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Punktwolkengenerator \u2013 Statorials","description":"Um ein Streudiagramm f\u00fcr die X- und Y-Variablen zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.","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\/de\/punktwolkengenerator\/","og_locale":"de_DE","og_type":"article","og_title":"Punktwolkengenerator \u2013 Statorials","og_description":"Um ein Streudiagramm f\u00fcr die X- und Y-Variablen zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.","og_url":"https:\/\/statorials.org\/de\/punktwolkengenerator\/","og_site_name":"Statorials","article_published_time":"2023-07-29T23:22:19+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\/de\/punktwolkengenerator\/","url":"https:\/\/statorials.org\/de\/punktwolkengenerator\/","name":"Punktwolkengenerator \u2013 Statorials","isPartOf":{"@id":"https:\/\/statorials.org\/de\/#website"},"datePublished":"2023-07-29T23:22:19+00:00","dateModified":"2023-07-29T23:22:19+00:00","author":{"@id":"https:\/\/statorials.org\/de\/#\/schema\/person\/ec75c4d6365f2708f8a0ad3a42121aa0"},"description":"Um ein Streudiagramm f\u00fcr die X- und Y-Variablen zu erstellen, geben Sie einfach die Variablenwerte in die Felder unten ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eStreudiagramm erstellen\u201c.","breadcrumb":{"@id":"https:\/\/statorials.org\/de\/punktwolkengenerator\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/statorials.org\/de\/punktwolkengenerator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/statorials.org\/de\/punktwolkengenerator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Heim","item":"https:\/\/statorials.org\/de\/"},{"@type":"ListItem","position":2,"name":"Punktwolkengenerator"}]},{"@type":"WebSite","@id":"https:\/\/statorials.org\/de\/#website","url":"https:\/\/statorials.org\/de\/","name":"Statorials","description":"Ihr Leitfaden f\u00fcr statistische Kompetenz !","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/statorials.org\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/statorials.org\/de\/#\/schema\/person\/ec75c4d6365f2708f8a0ad3a42121aa0","name":"Dr. Benjamin Anderson","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/statorials.org\/de\/#\/schema\/person\/image\/","url":"https:\/\/statorials.org\/de\/wp-content\/uploads\/2023\/11\/Benjamin-Anderson-96x96.jpg","contentUrl":"https:\/\/statorials.org\/de\/wp-content\/uploads\/2023\/11\/Benjamin-Anderson-96x96.jpg","caption":"Dr. Benjamin Anderson"},"description":"Hallo, ich bin Benjamin, ein pensionierter Statistikprofessor, der sich zum engagierten Statorials-Lehrer entwickelt hat. Mit umfassender Erfahrung und Fachwissen auf dem Gebiet der Statistik bin ich bestrebt, mein Wissen zu teilen, um Studenten durch Statorials zu bef\u00e4higen. Mehr wissen","sameAs":["https:\/\/statorials.org\/de"]}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"_links":{"self":[{"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/posts\/429"}],"collection":[{"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":0,"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/posts\/429\/revisions"}],"wp:attachment":[{"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/media?parent=429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/categories?post=429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/statorials.org\/de\/wp-json\/wp\/v2\/tags?post=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}