31:T7d8,html` ${svg``} ${svg``} ${space(30)} `32:[] 2f:{"title":"Population change in Georgia","cells":[{"id":0,"value":"md`# Population change in Georgia`","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"viewof year = html` `","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"md`\n# D3 Stuff\n\n* Load d3\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":285,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs"},{"id":290,"value":"md`* Define projection`","pinned":false,"hidden":false,"mode":"ojs"},{"id":292,"value":"geoMercator = d3.geoMercator()\n .scale(4000)\n .translate([window.innerWidth/2, 0])\n .center([43.5, 44])","pinned":true,"hidden":false,"mode":"ojs"},{"id":295,"value":"md`* Define path generation function`","pinned":false,"hidden":false,"mode":"ojs"},{"id":298,"value":"geoPath = d3.geoPath()\n .projection(geoMercator)","pinned":true,"hidden":false,"mode":"ojs"},{"id":314,"value":"md`\n# Data Stuff\n\n* Load populations data\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"populations=d3.csv('https://raw.githubusercontent.com/bumbeishvili/data-house/master/geo/population.csv')","pinned":true,"hidden":false,"mode":"ojs"},{"id":351,"value":"md`* Define regions data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"regions = [\n { \"name\": \"თბილისი\", \"id\": \"Tbilisi\"},\n { \"name\": \"აჭარის არ\", \"id\": \"Ajaria\"},\n { \"name\": \"გურია\", \"id\": \"Guria\"},\n { \"name\": \"იმერეთი\", \"id\": \"Imereti\"},\n { \"name\": \"კახეთი\", \"id\": \"Kakheti\"},\n { \"name\": \"მცხეთა-მთიანეთი\", \"id\": \"Mtskheta-Mtianeti\"},\n { \"name\": \"რაჭა-ლეჩხუმი და ქვემო სვანეთი\", \"id\": \"Racha-Lechkhumi-Kvemo Svaneti\"},\n { \"name\": \"სამეგრელო-ზემო სვანეთი\", \"id\": \"Samegrelo-Zemo Svaneti\"},\n { \"name\": \"სამცხე-ჯავახეთი\", \"id\": \"Samtskhe-Javakheti\"},\n { \"name\": \"ქვემო ქართლი\", \"id\": \"Kvemo Kartli\"},\n { \"name\": \"შიდა ქართლი\", \"id\": \"Shida Kartli\"}\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":348,"value":"md`* Calculate minimum population`","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"minPopulation = d3.min(populations,d=>+d.population)","pinned":true,"hidden":false,"mode":"ojs"},{"id":324,"value":"md`* Calculate maximum population`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"maxPopulation = d3.max(populations,d=>+d.population)","pinned":true,"hidden":false,"mode":"ojs"},{"id":331,"value":"md`* Define data start year`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"startYear = 2008","pinned":true,"hidden":false,"mode":"ojs"},{"id":334,"value":"md`* Calculate end year based on data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"endYear = populations.length/regions.length+startYear-1","pinned":true,"hidden":false,"mode":"ojs"},{"id":342,"value":"md`* Calculate current year's index in data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":339,"value":"currentSetStart = (year-startYear)*regions.length","pinned":true,"hidden":false,"mode":"ojs"},{"id":358,"value":"md`\n# Util Stuff\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":365,"value":"md`* Define func which returns object index's by id`","pinned":false,"hidden":false,"mode":"ojs"},{"id":367,"value":"indexById = function indexById(id){\n var internalIndex\n regions.forEach((r,i)=>{ if(r.id==id) internalIndex = i})\n return internalIndex;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":372,"value":"md`* Define func which returns obj title by index`","pinned":false,"hidden":false,"mode":"ojs"},{"id":374,"value":"titleByIndex = function titleByIndex(index){\n return regions[index].name \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":378,"value":"md`* Define func which returns population by index`","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"populationByIndex = function populationByIndex(index){\n return populations[currentSetStart+index]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":387,"value":"md`* Define func which generates spaces`","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"space = function space(range){\n return d3.range(range).map(d=>`
`)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":400,"value":"md`* Define func which maps population to the color`","pinned":false,"hidden":false,"mode":"ojs"},{"id":328,"value":"colorScale = d3.scalePow()\n .exponent(0.5) //\n .domain([minPopulation, maxPopulation])\n .range(['#F2DA57', '#936B00'])","pinned":true,"hidden":false,"mode":"ojs"},{"id":395,"value":"md`* Define func which formats number`","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"numberFormat = d3.format(\".2s\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":213,"value":"md`# Topojson Stuff\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":215,"value":"md`* Load topojson.js`","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":" topojson = require('https://d3js.org/topojson.v1.min.js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":219,"value":"md`* Load topojson regions data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"topojsonRegionsData = d3.json(\"https://raw.githubusercontent.com/bumbeishvili/geojson-georgian-regions/master/geo_regions.topojson\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":225,"value":"md`* Convert it to feature collection`","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"regionFeaturesCol = topojson.feature(topojsonRegionsData,topojsonRegionsData.objects['geo_regions'])","pinned":true,"hidden":false,"mode":"ojs"},{"id":534,"value":"md`\n# Cartogram Stuff\n\n* Load cartogram chart\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":536,"value":"topogram = require('topogram')","pinned":true,"hidden":false,"mode":"ojs"},{"id":542,"value":"md`* Define cartogram`","pinned":false,"hidden":false,"mode":"ojs"},{"id":539,"value":"cartogram = topogram.cartogram()\n .projection(geoMercator)\n .value(function(d,i) {\n var index = indexById(regionFeaturesCol.features[i].properties.NAME_1);\n var populationCount =populationByIndex(index)?populationByIndex(index).population:100;\n return populationCount;\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":549,"value":"md`* Create cartogram features`","pinned":false,"hidden":false,"mode":"ojs"},{"id":547,"value":"cartogramFeatures = cartogram(topojsonRegionsData,topojsonRegionsData.objects.geo_regions.geometries)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}