30:Tedb,viewof chart = { restart; restartBtn; let iteration = 0; const height = calcHeight; const node = svg`

` : ''}\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"md`Data Source - [World Bank GDP INFo](https://data.worldbank.org/indicator/NY.GDP.MKTP.CD), [World Bank GDP Growth Info](https://data.worldbank.org/indicator/NY.GDP.MKTP.KD.ZG)\n\n\nFuture estimation is based on last 5 years average GDP growth \n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":655,"value":"viewof title = md`### GDP Growth Simulation`","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"viewof restartBtn = text({\n placeholder: \"Placeholder text\",\n description: \"Enter Future Year\",\n submit: \"Show me the future\",\n value: \"2100\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":639,"value":"viewof restart = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":680,"value":"comments(true)","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"md`## Chart Properties`","pinned":false,"hidden":false,"mode":"ojs"},{"id":483,"value":"simulationYears = +restartBtn - 2022","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"transitionTime = buttonValue?500:2000;","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"buttonValue = {\n restartBtn;\n if(this == undefined){\n return false;\n }\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"data = buttonValue? dataSim:dataPast","pinned":false,"hidden":false,"mode":"ojs"},{"id":610,"value":"dataPast = ({\n iterations: d3.range(28).map((d, i) => {\n return {\n label: \"Year \" + (1995 + i) + \"\"\n };\n }),\n values: dataCombinedSortedPast.map((d) => {\n const result = {\n name: d.gname,\n history: d.history\n };\n\n return result;\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"dataSim = ({\n iterations: d3.range(simulationYears).map((d, i) => {\n return {\n label: \"Year \" + (2023 + i) + \"\"\n };\n }),\n values: dataCombinedSorted.map((d) => {\n const result = {\n name: d.gname,\n history: [d.pvalue]\n };\n\n d3.range(simulationYears - 1).forEach((_) => {\n const perc = 1 + d.gvalue / 100;\n const last = result.history[result.history.length - 1];\n console.log(perc, last);\n result.history.push(last * perc);\n });\n\n return result;\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":732,"value":"dataSim2 = ({\n iterations: d3.range(78).map((d, i) => {\n return {\n label: \"Year \" + (2023 + i) + \"\"\n };\n }),\n values: dataCombined2.map((d) => {\n const result = {\n name: d.gname,\n history: [d.pvalue]\n };\n\n d3.range(78 - 1).forEach((_) => {\n const perc = 1 + d.gvalue / 100;\n const last = result.history[result.history.length - 1];\n console.log(perc, last);\n result.history.push(last * perc);\n });\n\n return result;\n })\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":199,"value":"calcHeight = data.values.length*25","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"min = d3.min(data.values.map(d=>d.history).map(d=>d3.min(d)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"max = d3.max(data.values.map(d=>d.history[0]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"METRONIC_DARK_COLORS = [\"#c5bf66\",\"#BF55EC\",\"#f36a5a\",\"#EF4836\",\"#9A12B3\",\"#c8d046\",\"#E26A6A\",\n \"#32c5d2\",\"#8877a9\",\"#ACB5C3\",\"#e35b5a\",\"#2f353b\",\"#e43a45\",\"#f2784b\",\n \"#796799\",\"#26C281\",\"#555555\",\"#525e64\",\"#8E44AD\",\"#4c87b9\",\"#bfcad1\",\n \"#67809F\",\"#578ebe\",\"#c5b96b\",\"#4DB3A2\",\"#e7505a\",\"#D91E18\",\"#1BBC9B\",\n \"#3faba4\",\"#d05454\",\"#8775a7\",\"#8775a7\",\"#8E44AD\",\"#f3c200\",\"#4B77BE\",\n \"#c49f47\",\"#44b6ae\",\"#36D7B7\",\"#94A0B2\",\"#9B59B6\",\"#E08283\",\"#3598dc\",\n \"#F4D03F\",\"#F7CA18\",\"#22313F\",\"#2ab4c0\",\"#5e738b\",\"#BFBFBF\",\"#2C3E50\",\n \"#5C9BD1\",\"#95A5A6\",\"#E87E04\",\"#29b4b6\",\"#1BA39C\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"format = function(n){\n const formatted = formatN(n)\n return formatted.replace('G','B');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":455,"value":"formatN = d3.format('.3s')","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"md`## Data Cleaning`","pinned":false,"hidden":false,"mode":"ojs"},{"id":338,"value":"dataGDP = load(\n \"https://cadasa.github.io/API_NY.GDP.MKTP.CD_DS2_en_csv_v2_6011335.csv\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":728,"value":"dataGDPLastYear2 = dataGDP\n .map((d) => {\n return {\n name: d[\"Country Name\"],\n value: +d[\"2022\"],\n history: d3.range(1960, 2023).map((v) => +d[v]),\n filtered: d3\n .range(1960, 2023)\n .map((v) => +d[v])\n .filter((d) => d)\n };\n })\n .filter((d) => d.history.length != d.filtered.lenth)","pinned":true,"hidden":false,"mode":"ojs"},{"id":340,"value":"dataGDPLastYear = dataGDP\n .map((d) => {\n return {\n name: d[\"Country Name\"],\n value: +d[\"2022\"],\n history: d3.range(1995, 2023).map((v) => +d[v]),\n filtered: d3\n .range(1995, 2023)\n .map((v) => +d[v])\n .filter((d) => d)\n };\n })\n .filter((d) => d.history.length != d.filtered.lenth)","pinned":true,"hidden":false,"mode":"ojs"},{"id":353,"value":"dataGrowth = load(\n \"https://cadasa.github.io/API_NY.GDP.MKTP.KD.ZG_DS2_en_csv_v2_5994650.csv\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":358,"value":"dataGrowthAveraged = dataGrowth.map((d) => ({\n name: d[\"Country Name\"],\n value: d3.mean([+d[\"2022\"], +d[\"2021\"], +d[\"2020\"], +d[\"2019\"], +d[\"2018\"]])\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":557,"value":"dataGrowthAveragedSorted = dataGrowthAveraged.slice().sort((a,b)=>a.value (a.value < b.value ? 1 : -1))","pinned":true,"hidden":false,"mode":"ojs"},{"id":737,"value":"dataGrowthAveraged2 = dataGrowth.map((d) => ({\n name: d[\"Country Name\"],\n value: d3.mean([+d[\"2022\"], +d[\"2021\"]])\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":734,"value":"dataGrowthAveragedSorted2.filter((d) => d.name === \"Viet Nam\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":349,"value":"dataLastYearSorted = dataGDPLastYear.slice().sort((a,b)=>a.value({gname:d.name,gvalue:d.value,\n pname:dataGDPLastYear[i].name,\n pvalue:dataGDPLastYear[i].value,\n history:dataGDPLastYear[i].history}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":730,"value":"dataCombined2 = dataGrowthAveraged.map((d, i) => ({\n gname: d.name,\n gvalue: d.value,\n pname: dataGDPLastYear2[i].name,\n pvalue: dataGDPLastYear2[i].value,\n history: dataGDPLastYear2[i].history\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":387,"value":"filteredGroups = group.filter(d=>!d.Region).map(d=>d.TableName)","pinned":false,"hidden":false,"mode":"ojs"},{"id":374,"value":"dataCombinedSorted = dataCombined\n.slice()\n.filter(d=>!filteredGroups.includes(d.gname))\n.filter(d=>d.gname.indexOf('IBRD')==-1)\n.sort((a,b)=>a.pvalued.pvalue)\n.filter(d=>d.gvalue<10)","pinned":true,"hidden":false,"mode":"ojs"},{"id":623,"value":"dataCombinedSortedPast = dataCombinedSorted.slice().sort((a,b)=>a.history[0]