{"id":432,"date":"2023-07-29T23:22:19","date_gmt":"2023-07-29T23:22:19","guid":{"rendered":"https:\/\/statorials.org\/id\/generator-titik-awan\/"},"modified":"2023-07-29T23:22:19","modified_gmt":"2023-07-29T23:22:19","slug":"generator-titik-awan","status":"publish","type":"post","link":"https:\/\/statorials.org\/id\/generator-titik-awan\/","title":{"rendered":"Generator titik awan"},"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\"><b>Scatterplot<\/b> digunakan untuk menampilkan hubungan antara dua variabel.<\/p>\n<p style=\"text-align: left\"> Untuk membuat scatterplot untuk variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.<\/p>\n<\/div>\n<div id=\"words_text\">\n<div id=\"text_area_input\"> Variabel Variabel 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\">Pilih warna untuk plot sebar:<\/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>Scatterplot digunakan untuk menampilkan hubungan antara dua variabel. Untuk membuat scatterplot untuk variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d. Variabel Variabel Y Pilih warna untuk plot sebar:<\/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>Point Cloud Generator - Statorial<\/title>\n<meta name=\"description\" content=\"Untuk membuat scatterplot pada variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.\" \/>\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-titik-awan\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Point Cloud Generator - Statorial\" \/>\n<meta property=\"og:description\" content=\"Untuk membuat scatterplot pada variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/statorials.org\/id\/generator-titik-awan\/\" \/>\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=\"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-titik-awan\/\",\"url\":\"https:\/\/statorials.org\/id\/generator-titik-awan\/\",\"name\":\"Point Cloud Generator - Statorial\",\"isPartOf\":{\"@id\":\"https:\/\/statorials.org\/id\/#website\"},\"datePublished\":\"2023-07-29T23:22:19+00:00\",\"dateModified\":\"2023-07-29T23:22:19+00:00\",\"author\":{\"@id\":\"https:\/\/statorials.org\/id\/#\/schema\/person\/3d17a1160dd2d052b7c78e502cb9ec81\"},\"description\":\"Untuk membuat scatterplot pada variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.\",\"breadcrumb\":{\"@id\":\"https:\/\/statorials.org\/id\/generator-titik-awan\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/statorials.org\/id\/generator-titik-awan\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/statorials.org\/id\/generator-titik-awan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/statorials.org\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Generator titik awan\"}]},{\"@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":"Point Cloud Generator - Statorial","description":"Untuk membuat scatterplot pada variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.","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-titik-awan\/","og_locale":"id_ID","og_type":"article","og_title":"Point Cloud Generator - Statorial","og_description":"Untuk membuat scatterplot pada variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.","og_url":"https:\/\/statorials.org\/id\/generator-titik-awan\/","og_site_name":"Statorials","article_published_time":"2023-07-29T23:22:19+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-titik-awan\/","url":"https:\/\/statorials.org\/id\/generator-titik-awan\/","name":"Point Cloud Generator - Statorial","isPartOf":{"@id":"https:\/\/statorials.org\/id\/#website"},"datePublished":"2023-07-29T23:22:19+00:00","dateModified":"2023-07-29T23:22:19+00:00","author":{"@id":"https:\/\/statorials.org\/id\/#\/schema\/person\/3d17a1160dd2d052b7c78e502cb9ec81"},"description":"Untuk membuat scatterplot pada variabel X dan Y, cukup masukkan nilai variabel pada kotak di bawah, lalu tekan tombol \u201cGenerate Scatterplot\u201d.","breadcrumb":{"@id":"https:\/\/statorials.org\/id\/generator-titik-awan\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/statorials.org\/id\/generator-titik-awan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/statorials.org\/id\/generator-titik-awan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/statorials.org\/id\/"},{"@type":"ListItem","position":2,"name":"Generator titik awan"}]},{"@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\/432"}],"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=432"}],"version-history":[{"count":0,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/posts\/432\/revisions"}],"wp:attachment":[{"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/media?parent=432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/categories?post=432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/statorials.org\/id\/wp-json\/wp\/v2\/tags?post=432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}