31:[{"id":"8d5a226f715c420369a2bfb73d91f88562d178659865b0ea7ed11a5b535770562d6832a1b2d0a30b5591a74beb2ca18e46cc5b9cf8a328bdd7bb42ce5ab97dbb","href":"https://static.observableusercontent.com/files/8d5a226f715c420369a2bfb73d91f88562d178659865b0ea7ed11a5b535770562d6832a1b2d0a30b5591a74beb2ca18e46cc5b9cf8a328bdd7bb42ce5ab97dbb","name":"happiness_df@6.csv","type":"text/csv","lastModified":1652242298130.448,"size":10311},{"id":"0534969a59aff1959060ad3359f7d16afd15e76ceaa4dfd4ca051b2467bdc72ef50b66c91392ab711c687afb3487f6a10a8b21fef351c2952ad7ec6119347fd0","href":"https://static.observableusercontent.com/files/0534969a59aff1959060ad3359f7d16afd15e76ceaa4dfd4ca051b2467bdc72ef50b66c91392ab711c687afb3487f6a10a8b21fef351c2952ad7ec6119347fd0","name":"trust_df.csv","type":"text/csv","lastModified":1652249829773.465,"size":9288},{"id":"5bd01ff0bac2d968eca9ec0730a58a5c248a855985634d6886feb9410e36af324d8932f94084f874fa85955a43ab29206d21bdd3c3e5575e75bd3544e4a72bc8","href":"https://static.observableusercontent.com/files/5bd01ff0bac2d968eca9ec0730a58a5c248a855985634d6886feb9410e36af324d8932f94084f874fa85955a43ab29206d21bdd3c3e5575e75bd3544e4a72bc8","name":"freedom_df.csv","type":"text/csv","lastModified":1652286049777.486,"size":10454},{"id":"4b8729f652b0bb7a12898f79d02ec7a4eb8cbf8a889e44898ebda45970be336aa86b83a111772cb1488e1860e9711497992442966c3cf938409d8bc6da009a1c","href":"https://static.observableusercontent.com/files/4b8729f652b0bb7a12898f79d02ec7a4eb8cbf8a889e44898ebda45970be336aa86b83a111772cb1488e1860e9711497992442966c3cf938409d8bc6da009a1c","name":"health_df.csv","type":"text/csv","lastModified":1652288990139.811,"size":9810},{"id":"ccf31b5ceef415ee5222b74d65cb823ec5de1f3c36dfa349580cfddbff53f1d4b68fd795afbfad826a2a3ab028536f739ea8968a4e4ef012998fffb0bb704d97","href":"https://static.observableusercontent.com/files/ccf31b5ceef415ee5222b74d65cb823ec5de1f3c36dfa349580cfddbff53f1d4b68fd795afbfad826a2a3ab028536f739ea8968a4e4ef012998fffb0bb704d97","name":"economy_df.csv","type":"text/csv","lastModified":1652288295688.763,"size":10270}] 2f:{"title":"World Happiness Report 2015-2022","cells":[{"id":504,"value":"# World Happiness Report 2015-2022\nEncoding the the relationship between happiness and economy, health, freedom and trust in different regions of the world.","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"

World Happiness Report

\n · Color of map represents the degree of happiness. The lighter the happier.
\n\t\t\t· Color and size of bubble represents the corresponding input factor. The darker the color, the larger the size, and higher degree in the corresponding factor.
\n\t\t\t· Location of bubble represents its corresponding country/region
\n · Use the factor input field to see the relationship between happiness and selected factor in each country/region
\n · Use the slider to see the change of each relationship along the years (2015-2022)
\n\t\t

\n","pinned":false,"hidden":false,"mode":"html"},{"id":604,"value":"viewof factors = Inputs.select([null].concat(cols), {label: \"Factors\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"viewof year = Inputs.range([2015, 2022], {label: \"Year\", step:1, value:2022})","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"-------","pinned":false,"hidden":false,"mode":"md"},{"id":894,"value":"# Input","pinned":false,"hidden":false,"mode":"md"},{"id":331,"value":"happiness = FileAttachment(\"happiness_df@6.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":662,"value":"trust= FileAttachment(\"trust_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":669,"value":"freedom = FileAttachment(\"freedom_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":735,"value":"economy = FileAttachment(\"economy_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":739,"value":"health = FileAttachment(\"health_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"# Import","pinned":false,"hidden":false,"mode":"md"},{"id":58,"value":"import {rFromArea, colorByID, toNum} from \"@emfielduva/dvlib\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"import {getMapData, drawMapLayer} with {projection} from \"@emfielduva/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":423,"value":"import {geoCentroids} with {projection} from \"@emfielduva/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":921,"value":"# Visualization","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"","pinned":false,"hidden":false,"mode":"md"},{"id":28,"value":"mapLayers = {\n let mapLayers = [];\n mapLayers[\"countries\"] = drawMapLayer(map,\"countries\",world.features,world.idField);\n return mapLayers;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"world = getMapData(\"world110m\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"map = d3.select(mapContainer)","pinned":false,"hidden":false,"mode":"ojs"},{"id":421,"value":"projection = d3.geoMercator()","pinned":false,"hidden":false,"mode":"ojs"},{"id":426,"value":"countryCentroids = {\n let centroids = geoCentroids(world.features, \"id\");\n return d3.index(centroids, d => d[\"name\"]); // return it as an indexed map by country \"name\". It's just easier to access this way.\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":427,"value":"getCoord = (countryCode) => {\n let coord = \"\";\n // in matching across datasets, they may not all have a match. This will test first and return only when it does\n if (typeof(countryCentroids.get(countryCode)) !== \"undefined\") {\n coord = countryCentroids.get(countryCode).coord;\n }\n return coord;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":429,"value":"trustCircles = {\n let trustCircles = map.select(\"#trustcircles\").selectAll(\"circle\")\n \n .data(trust)\n .join(\"circle\")\n .transition().duration(500)\n .attr(\"cx\", d => projection(getCoord(d[\"Country Code\"]))[0])\n .attr(\"cy\", d => projection(getCoord(d[\"Country Code\"]))[1])\n .attr(\"r\", d => rFromArea(Math.abs(d[year])) * 4)\n .style(\"fill\", d => colorScale_trust(toNum(d[year])));\n\n return trustCircles;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":667,"value":"freedomCircles = {\n let freedomCircles = map.select(\"#freedomcircles\").selectAll(\"circle\")\n\n .data(freedom)\n .join(\"circle\")\n .transition().duration(500)\n .attr(\"cx\", d => projection(getCoord(d[\"Country Code\"]))[0])\n .attr(\"cy\", d => projection(getCoord(d[\"Country Code\"]))[1])\n .attr(\"r\", d => rFromArea(Math.abs(d[year])) * 2)\n .style(\"fill\", d => colorScale_freedom(toNum(d[year])));\n\n return freedomCircles;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":721,"value":"economyCircles = {\n let economyCircles = map.select(\"#economycircles\").selectAll(\"circle\")\n \n .data(economy)\n .join(\"circle\")\n .transition().duration(500)\n .attr(\"cx\", d => projection(getCoord(d[\"Country Code\"]))[0])\n .attr(\"cy\", d => projection(getCoord(d[\"Country Code\"]))[1])\n .attr(\"r\", d => rFromArea(Math.abs(d[year])) * 1)\n .style(\"fill\", d => colorScale_economy(toNum(d[year])));\n\n return economyCircles;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":722,"value":"healthCircles = {\n let healthCircles = map.select(\"#healthcircles\").selectAll(\"circle\")\n \n .data(health)\n .join(\"circle\")\n .transition().duration(500) \n .attr(\"cx\", d => projection(getCoord(d[\"Country Code\"]))[0])\n .attr(\"cy\", d => projection(getCoord(d[\"Country Code\"]))[1])\n .attr(\"r\", d => rFromArea(Math.abs(d[year])) * 1.5)\n .style(\"fill\", d => colorScale_health(toNum(d[year])));\n\n return healthCircles;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"colorScale = d3.scaleLinear().domain([800,600,400, 200]).range([\"#F1F7ED\", \"#E0EEC6\", \"#7CA982\",\"#243E36\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":488,"value":"colorScale_trust = d3.scaleLinear().domain([0,25, 50]).range([\"#C2A83E\", \"#56351E\", \"Black\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":712,"value":"colorScale_freedom = d3.scaleLinear().domain([0, 40,80]).range([\"#EAD5E6\", \"#F2BEFC\", \"#685F74\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":713,"value":"colorScale_economy = d3.scaleLinear().domain([0,110, 220]).range([\"#F7F9F7\", \"#92B6B1\", \"#466060\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":715,"value":"colorScale_health = d3.scaleLinear().domain([0,60, 120]).range([\"#8DA9C4\", \"#134074\", \"#0B2545\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"colorByID","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"colorByID(mapLayers[\"countries\"], happiness,\"id\",\"Country Code\",year,'',colorScale)","pinned":false,"hidden":false,"mode":"ojs"},{"id":685,"value":"function dimAll() {freedomCircles.style(\"opacity\",\"0.00\"), trustCircles.style(\"opacity\",\"0.00\"), economyCircles.style(\"opacity\",\"0.00\"), healthCircles.style(\"opacity\",\"0.00\")}","pinned":false,"hidden":false,"mode":"ojs"},{"id":833,"value":"function showAll() {freedomCircles.style(\"opacity\",\"\"), trustCircles.style(\"opacity\",\"\"), economyCircles.style(\"opacity\",\"\"), healthCircles.style(\"opacity\",\"\")}","pinned":false,"hidden":false,"mode":"ojs"},{"id":684,"value":"function filter(circles) {\n dimAll();\n {if (circles == \"freedom\"){\n freedomCircles.style(\"opacity\",\"\")\n }else if (circles == \"trust\"){\n trustCircles.style(\"opacity\",\"\")\n }else if (circles == \"economy\"){\n economyCircles.style(\"opacity\",\"\")\n }else if (circles == \"health\"){\n healthCircles.style(\"opacity\",\"\")\n }\n }\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":691,"value":"{\nif (factors == \"Trust(Government Corruption)\"){\n filter(\"trust\")\n}else if (factors == \"Freedom to make life choices\"){\n filter(\"freedom\")\n}else if (factors == \"Economy(GDP per Capita)\"){\n filter(\"economy\")\n}else if (factors == \"Health(Life Expectancy)\"){\n filter(\"health\")\n}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":560,"value":"cols = [\n \"Economy(GDP per Capita)\",\n \"Health(Life Expectancy)\",\n \"Freedom to make life choices\",\n \"Trust(Government Corruption)\"\n]","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}