31:T449,{ const layers = [ new deck.ArcLayer({ id: 'arc-layer', data: data, pickable: true, opacity: 0.05, strokeWidth: 5, getSourcePosition: d => d.from.coordinates, getTargetPosition: d => d.to.coordinates, getSourceColor: getColor, getTargetColor: getColor, autoHighlight: true, highlightColor: [0,0,255,255], onHover, visible: true, }), new deck.ScatterplotLayer({ id: 'scatterplot-from', data: data, pickable: true, opacity: 0.001, radiusScale: 1, getPosition: d => d.to.coordinates, getRadius: d => 25, getColor: getColor, autoHighlight: true, onHover, visible: true, }), new deck.ScatterplotLayer({ id: 'scatterplot-to', data: data, pickable: true, opacity: 0.001, radiusScale: 1, getPosition: d => d.to.coordinates, getRadius: d => 25, getColor:getColor, autoHighlight: true, onHover, visible: true, }) ]; deckgl.setProps({layers}); return layers; }32:[] 2f:{"title":"Emigration - Georgia (Country)","cells":[{"id":0,"value":"md`# Emigration - Georgia (Country)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"md `Exploring Emigration trends - Top 10 country `","pinned":false,"hidden":false,"mode":"ojs"},{"id":365,"value":"md`In this interactive map we can see, where our citizens are migrating to`","pinned":false,"hidden":false,"mode":"ojs"},{"id":393,"value":"md`[Data Source - მიგრაციის საკითხთა სამთავრობო კომისია](http://migration.commission.ge/files/migraciis_profili_2017_a4_new.pdf) `","pinned":false,"hidden":false,"mode":"ojs"},{"id":640,"value":"md`### Blue represents Male Pink represents Female`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"container = html `

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"md`# Deck.gl Stuff`","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"deckgl = {\n return new deck.DeckGL({\n container,\n map: mapboxgl,\n mapStyle: 'https://free.tilehosting.com/styles/darkmatter/style.json?key=U0iNgiZKlYdwvgs9UPm1',\n longitude: 20.66,\n latitude: 45.5231,\n zoom: 3,\n pitch: 40,\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":96,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":362,"value":"md`### Tooltip`","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"tooltip = container.querySelector('#tooltip')","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"onHover = {\n return function(info) {\n const {x, y, object} = info;\n if (object) {\n tooltip.style.top = `${y}px`;\n tooltip.style.left = `${x}px`;\n tooltip.innerHTML = `\n

From ${object.from.name}

To ${object.to.name}

Female ${object.to.female}

Male ${object.to.male}

\n `;\n } else { \n tooltip.innerHTML = '';\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":348,"value":"md`# Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":407,"value":"coordsReversed = [\n [55.75222,37.61556,'Russia'],\n [39.0742, 21.8243,'Greece'],\n [38.9637, 35.2433,'Turkey'],\n [41.8719, 12.5674,'Italy'],\n [51.1657, 10.4515,'Germany'],\n [37.0902, -95.7129,'USA'],\n [40.2503900,-1.42136440,'Spain'],\n [46.2276, 2.2137,'France'],\n [48.3794, 31.1656,'Ukraine'],\n [40.1431, 47.5769,'Azerbaijan'],\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":479,"value":"md`↓`","pinned":false,"hidden":false,"mode":"ojs"},{"id":481,"value":"coords = coordsReversed.map(d=>{\n return [d[1],d[0],d[2]] \n \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"dataStr = `\nრუსეთი 19,195 13,640 5,555 10,891 8,304\nსაბერძნეთი 14,048 2,386 11,662 8,762 5,286\nთურქეთი 9,922 3,262 6,660 6,120 3,802\nიტალია 9,612 1,373 8,239 6,756 2,856\nგერმანია 6,259 2,808 3,451 4,831 1,428\nაშშ 5,021 2,457 2,564 4,474 547\nესპანეთი 3,597 1,724 1,873 2,618 979\nსაფრანგეთი 3,293 1,896 1,397 2,730 563\nუკრაინა 3,283 2,619 664 2,045 1,238\nაზერბაიჯანი 1,802 1,091 711 408 1,394\nსხვა ქვეყანა 11,590 6,483 5,107 8,315 3,275\nარ არის მითითებული 919 443 476 615 304`","pinned":false,"hidden":false,"mode":"ojs"},{"id":462,"value":"md`↓`","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"dataColumns = dataStr.split('\\n')\n.filter(d=>d)\n.map(d=>d.split(' '))\n.filter((d,i)=>i<10)\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":451,"value":"md`↓`","pinned":false,"hidden":false,"mode":"ojs"},{"id":400,"value":"emigrData = dataColumns.map((d,i)=>{\n return Object.assign({\n name:coords[i][2],\n nameGe:d[0],\n male:Number(d[2].replace(',','')),\n female:Number(d[3].replace(',',''))\n },{\n coordinates:coords[i]\n })\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":514,"value":"maxMale = Math.max.apply(Array,emigrData.map(d=>d.male))","pinned":true,"hidden":false,"mode":"ojs"},{"id":519,"value":"maxFemale = Math.max.apply(Array,emigrData.map(d=>d.female))","pinned":true,"hidden":false,"mode":"ojs"},{"id":454,"value":"md`↓`","pinned":false,"hidden":false,"mode":"ojs"},{"id":436,"value":"restructuredData = emigrData.map(d=>{\n return {\n from:{\"name\":\"Georgia\",coordinates:[ 43.3569,42.3154]} ,\n to:d\n };\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":458,"value":"md`↓`","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"data = restructuredData.map(r=>{\n var males = Array.from({length:r.to.male}).map(d=>Object.assign({disp:r.to.male,color:'#80C9FF'},r)) ; \n var females = Array.from({length:r.to.female}).map(d=>Object.assign({disp:r.to.female,color:'#FFA7D4'},r));\n return males.concat(females)\n\n})\n.reduce((a,b)=>a.concat(b))\n.map(d=>{\n var shuffled = shuffleIt(d.from.coordinates.slice(),1)\n var shuffledTo = shuffleIt(d.to.coordinates.slice(),diff(d.disp))\n return Object.assign({},\n d,\n {from:Object.assign({},d.from,{coordinates:shuffled})},\n {to:Object.assign({},d.to,{coordinates:shuffledTo})}\n )\n\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":540,"value":"md`# Utils`","pinned":false,"hidden":false,"mode":"ojs"},{"id":554,"value":"shuffleIt([132.0218982355762, 27.101322670112367],1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":621,"value":"getColor({color:'red'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":543,"value":"function shuffleIt(coords,n){\n return [coords[0]+Math.random()*n-n/2,coords[1]+Math.random()*n-n/2]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":647,"value":"dispersion=5","pinned":false,"hidden":false,"mode":"ojs"},{"id":522,"value":"diff = function(n){\n return n/maxMale * dispersion\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":618,"value":" function getColor(d){ \n var color = d3.rgb(d.color); \n return [color.r,color.g,color.b]}","pinned":true,"hidden":false,"mode":"ojs"},{"id":337,"value":"md`# Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"mapboxgl = require('mapbox-gl@~0.44.1/dist/mapbox-gl.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"deck = require('deck.gl@~5.2.0/deckgl.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"html `\n\n(Stylesheets)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"html `\n(Mapbox Stylesheet)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":495,"value":"Array.from({length:30}).map(d=>1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"},{"id":610,"value":"d3.rgb('#dwdwad')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}