2a:null 2b:["$","title",null,{"children":"World Happiness Report 2015-2022 | Jinghui Tian | Observable"}] 30:[{"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}] 2e:{"id":"bde56472de8e3d68","slug":"world-happiness-report-2015-2022","title":"World Happiness Report 2015-2022","thumbnail":"db2f878220437ef697406c8e6fb4059a221c429912f5a8d3ddf8530a26ccdc3f","access_level":"public","create_time":"$D2022-05-11T01:10:12.171Z","update_time":"$D2022-05-11T19:08:35.887Z","view_time":null,"first_public_time":"$D2022-05-11T19:18:34.390Z","has_unpublished_edits":null,"fork":{"id":"40a367c0b43d9ceb","slug":"maps_dotmap","title":"Maps - DotMap","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"stars":1,"starred":false,"owner":{"type":"team","id":"c055ef5ff9d14df0","login":"94cbae1e105eb77b","name":"Jinghui Tian","avatar_url":"https://avatars-next.observableusercontent.com/445249f9c4e7af203275d9fe376c3ffb2b6108c1f4bc8e88993ae8868117803f","tier":"starter_2024"},"version":948,"publish_version":948,"role":null,"authored":false,"authors":[{"type":"individual","id":"94cbae1e105eb77b","login":"94cbae1e105eb77b","name":"Jinghui Tian","avatar_url":"https://avatars-next.observableusercontent.com/445249f9c4e7af203275d9fe376c3ffb2b6108c1f4bc8e88993ae8868117803f","tier":null}],"members":[{"type":"individual","id":"94cbae1e105eb77b","login":"94cbae1e105eb77b","name":"Jinghui Tian","avatar_url":"https://avatars-next.observableusercontent.com/445249f9c4e7af203275d9fe376c3ffb2b6108c1f4bc8e88993ae8868117803f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"mapContainer","database":"$undefined"},{"id":604,"value":"viewof factors = Inputs.select([null].concat(cols), {label: \"Factors\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"viewof year = Inputs.range([2015, 2022], {label: \"Year\", step:1, value:2022})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"-------","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":894,"value":"# Input","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":331,"value":"happiness = FileAttachment(\"happiness_df@6.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":662,"value":"trust= FileAttachment(\"trust_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"freedom = FileAttachment(\"freedom_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":735,"value":"economy = FileAttachment(\"economy_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":739,"value":"health = FileAttachment(\"health_df.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"# Import","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":58,"value":"import {rFromArea, colorByID, toNum} from \"@emfielduva/dvlib\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"import {getMapData, drawMapLayer} with {projection} from \"@emfielduva/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"import {geoCentroids} with {projection} from \"@emfielduva/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"# Visualization","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"world = getMapData(\"world110m\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"map = d3.select(mapContainer)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":421,"value":"projection = d3.geoMercator()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"colorScale = d3.scaleLinear().domain([800,600,400, 200]).range([\"#F1F7ED\", \"#E0EEC6\", \"#7CA982\",\"#243E36\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":488,"value":"colorScale_trust = d3.scaleLinear().domain([0,25, 50]).range([\"#C2A83E\", \"#56351E\", \"Black\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":712,"value":"colorScale_freedom = d3.scaleLinear().domain([0, 40,80]).range([\"#EAD5E6\", \"#F2BEFC\", \"#685F74\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":713,"value":"colorScale_economy = d3.scaleLinear().domain([0,110, 220]).range([\"#F7F9F7\", \"#92B6B1\", \"#466060\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":715,"value":"colorScale_health = d3.scaleLinear().domain([0,60, 120]).range([\"#8DA9C4\", \"#134074\", \"#0B2545\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"colorByID","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"colorByID(mapLayers[\"countries\"], happiness,\"id\",\"Country Code\",year,'',colorScale)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":833,"value":"function showAll() {freedomCircles.style(\"opacity\",\"\"), trustCircles.style(\"opacity\",\"\"), economyCircles.style(\"opacity\",\"\"), healthCircles.style(\"opacity\",\"\")}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2f:"$2e:body"