30:T66e,md` # Euclides Caculating euclidean distances between numeric fields of csv file at ${dist.url}. If you'd rather point these calculations to a different file just fill this input box with the corresponding url and then launch new calculation. Note how the url is passed in the hash of the new page.
.

For example, here are two other files with mixed string and numeric valiables:

jonasalmeida.github.io/euclides/freshman_kgs.csv (67 rows, 4 numerical variables).

jonasalmeida.github.io/euclides/mlb_players.csv (1033 rows, 3 numerical variables).

`31:[] 2e:{"title":"Euclides","cells":[{"id":0,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"md`\n## Results\nThe distance calculations are triggered by reading the csv file at ${dist.url}. [${dist.numArr.length}x${dist.numArr[0].length}] numerical values were found, generating ${Math.pow(dist.numArr.length,2)} distances. The average cross-tabulated distance (excluding identity diagonal) is ${dist.avgDist.toPrecision(6)}.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"plotHeat={\n let div=DOM.element('div')\n var data = [\n {\n z: dist.dists,\n type: 'heatmap'\n }\n ];\n\n Plotly.newPlot(div, data,{\n title:`Euclidean distance for ${dist.url}
Dataset size ${dist.numArr.length}x${dist.numArr[0].length}, average distance: ${dist.avgDist.toPrecision(4)} `\n });\n return div\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"plotviolin={\n let div=DOM.element('div')\n div.innerHTML='

building violin plot shortly, screen may temporarily freeze, please wait...

'\n setTimeout(function(){\n div.innerHTML=''\n var data = [\n {\n y: dist.dists.reduce((a,b)=>a.concat(b)),\n type: 'violin',\n box: {\n visible: true\n },\n x0: `${dist.url}, dataset size ${dist.numArr.length}x${dist.numArr[0].length}`\n }\n ];\n Plotly.newPlot(div, data,{\n title:`Euclidean distances for ${dist.numArr.length}²=${Math.pow(dist.numArr.length,2)} values, average=${dist.avgDist.toPrecision(4)}`\n });\n },dist.numArr.length*10)\n \n return div\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"md`\n## Methods\nThis is where the graphics library (Plotly) is loaded, and also where euclides.js library is asynchronously* loaded and run for the csv file selected.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"Plotly = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"dist=euclides.readcsv() //in case url is being passed as a search parm ","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"//euclides = require('http://localhost:8000/euclides/euclides.js') \neuclides = require('https://jonasalmeida.github.io/euclides/euclides.js') ","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"md`\n * note how this is actually positioned in document after the calculations that use this library are performed. It it could be anywhere.\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}