{"id":431,"date":"2023-07-29T23:22:19","date_gmt":"2023-07-29T23:22:19","guid":{"rendered":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/"},"modified":"2023-07-29T23:22:19","modified_gmt":"2023-07-29T23:22:19","slug":"generatore-di-nuvole-di-punti","status":"publish","type":"post","link":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/","title":{"rendered":"Generatore di nuvole di punti"},"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\">Un <b>grafico a dispersione<\/b> viene utilizzato per visualizzare la relazione tra due variabili.<\/p>\n<p style=\"text-align: left\"> Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante \u201cGenera grafico a dispersione\u201d.<\/p>\n<\/div>\n<div id=\"words_text\">\n<div id=\"text_area_input\"> Variabile Variabile 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\">Scegli un colore per il grafico a dispersione:<\/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>Un grafico a dispersione viene utilizzato per visualizzare la relazione tra due variabili. Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante \u201cGenera grafico a dispersione\u201d. Variabile Variabile Y Scegli un colore per il grafico a dispersione:<\/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>Generatore di nuvole di punti - Statorials<\/title>\n<meta name=\"description\" content=\"Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante &quot;Genera grafico a dispersione&quot;.\" \/>\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\/it\/generatore-di-nuvole-di-punti\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Generatore di nuvole di punti - Statorials\" \/>\n<meta property=\"og:description\" content=\"Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante &quot;Genera grafico a dispersione&quot;.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/\" \/>\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=\"Written by\" \/>\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\/it\/generatore-di-nuvole-di-punti\/\",\"url\":\"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/\",\"name\":\"Generatore di nuvole di punti - Statorials\",\"isPartOf\":{\"@id\":\"https:\/\/statorials.org\/it\/#website\"},\"datePublished\":\"2023-07-29T23:22:19+00:00\",\"dateModified\":\"2023-07-29T23:22:19+00:00\",\"author\":{\"@id\":\"https:\/\/statorials.org\/it\/#\/schema\/person\/0896f191fb9fb019f2cd8623112cb3ae\"},\"description\":\"Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante &quot;Genera grafico a dispersione&quot;.\",\"breadcrumb\":{\"@id\":\"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Casa\",\"item\":\"https:\/\/statorials.org\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Generatore di nuvole di punti\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/statorials.org\/it\/#website\",\"url\":\"https:\/\/statorials.org\/it\/\",\"name\":\"Statorials\",\"description\":\"La tua guida all&#039;alfabetizzazione statistica!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/statorials.org\/it\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/statorials.org\/it\/#\/schema\/person\/0896f191fb9fb019f2cd8623112cb3ae\",\"name\":\"Benjamin anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/statorials.org\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/statorials.org\/it\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"contentUrl\":\"https:\/\/statorials.org\/it\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg\",\"caption\":\"Benjamin anderson\"},\"description\":\"Ciao, sono Benjamin, un professore di statistica in pensione diventato insegnante dedicato di Statorials. Con una vasta esperienza e competenza nel campo della statistica, sono ansioso di condividere le mie conoscenze per potenziare gli studenti attraverso Statorials. Scopri di pi\u00f9\",\"sameAs\":[\"https:\/\/statorials.org\/it\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Generatore di nuvole di punti - Statorials","description":"Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante &quot;Genera grafico a dispersione&quot;.","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\/it\/generatore-di-nuvole-di-punti\/","og_locale":"it_IT","og_type":"article","og_title":"Generatore di nuvole di punti - Statorials","og_description":"Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante &quot;Genera grafico a dispersione&quot;.","og_url":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/","og_site_name":"Statorials","article_published_time":"2023-07-29T23:22:19+00:00","author":"Benjamin anderson","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Benjamin anderson"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/","url":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/","name":"Generatore di nuvole di punti - Statorials","isPartOf":{"@id":"https:\/\/statorials.org\/it\/#website"},"datePublished":"2023-07-29T23:22:19+00:00","dateModified":"2023-07-29T23:22:19+00:00","author":{"@id":"https:\/\/statorials.org\/it\/#\/schema\/person\/0896f191fb9fb019f2cd8623112cb3ae"},"description":"Per creare un grafico a dispersione per le variabili X e Y, \u00e8 sufficiente inserire i valori delle variabili nelle caselle sottostanti, quindi premere il pulsante &quot;Genera grafico a dispersione&quot;.","breadcrumb":{"@id":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/statorials.org\/it\/generatore-di-nuvole-di-punti\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Casa","item":"https:\/\/statorials.org\/it\/"},{"@type":"ListItem","position":2,"name":"Generatore di nuvole di punti"}]},{"@type":"WebSite","@id":"https:\/\/statorials.org\/it\/#website","url":"https:\/\/statorials.org\/it\/","name":"Statorials","description":"La tua guida all&#039;alfabetizzazione statistica!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/statorials.org\/it\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/statorials.org\/it\/#\/schema\/person\/0896f191fb9fb019f2cd8623112cb3ae","name":"Benjamin anderson","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/statorials.org\/it\/#\/schema\/person\/image\/","url":"https:\/\/statorials.org\/it\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","contentUrl":"https:\/\/statorials.org\/it\/wp-content\/uploads\/2023\/10\/Dr.-Benjamin-Anderson-96x96.jpg","caption":"Benjamin anderson"},"description":"Ciao, sono Benjamin, un professore di statistica in pensione diventato insegnante dedicato di Statorials. Con una vasta esperienza e competenza nel campo della statistica, sono ansioso di condividere le mie conoscenze per potenziare gli studenti attraverso Statorials. Scopri di pi\u00f9","sameAs":["https:\/\/statorials.org\/it"]}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"_links":{"self":[{"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/posts\/431"}],"collection":[{"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":0,"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/posts\/431\/revisions"}],"wp:attachment":[{"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/media?parent=431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/categories?post=431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/statorials.org\/it\/wp-json\/wp\/v2\/tags?post=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}