29:null 2a:["$","title",null,{"children":"Global Change in Forest Area, 2020 | 🪦 dis-2023-fall | Observable"}] 2f:T466,chart = { const svg = d3.create("svg").attr("viewBox", `0, 0, ${width}, ${height}`) const tooltip = d3.select("body").append("div") .attr("class", "tooltip") .style("position", "absolute") .style("visibility", "hidden") svg.selectAll("path") .data(countries.features) .enter() .append("path") .attr("d", path) .attr("stroke", "#111") .attr("stroke-width", 0.5) .attr("fill", d => d.properties.data?.get(newyear) ? cScale(d.properties.data.get(newyear)[0].change) : "lightgrey") .on("mouseover", function(event, d) { let text = d.properties.name const change_label = d.properties.data.get(newyear)[0].change text = text + "\nNet Forest Area Change: " + change_label + " ha" showToolTip(text, [event.pageX, event.pageY]) }) .on("mousemove", function(event) { d3.select(".tooltip") .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px") }) .on("mouseout", function() { d3.select(".tooltip").style("visibility", "hidden") }) return svg.node() } 30:[{"id":"89f80bee22a923f89895f02341327a55622c6d19d2859b217c6a0b0dd340f789854599242c0927a38be039bf60e22a38918b992b0d68f1d4daffeaa1b33fc9d6","href":"https://static.observableusercontent.com/files/89f80bee22a923f89895f02341327a55622c6d19d2859b217c6a0b0dd340f789854599242c0927a38be039bf60e22a38918b992b0d68f1d4daffeaa1b33fc9d6","name":"Cleaned-Net-Forest-Area.csv","type":"text/csv","lastModified":1701339299838.504,"size":36030},{"id":"7c6167b65013c12f3978b4d8e85dd28a27e3b5eb580d1e76696ce5b0d399c196de2b02c45e734462931e1af823698e36bb072722253d5e03e7fb61222755bc0c","href":"https://static.observableusercontent.com/files/7c6167b65013c12f3978b4d8e85dd28a27e3b5eb580d1e76696ce5b0d399c196de2b02c45e734462931e1af823698e36bb072722253d5e03e7fb61222755bc0c","name":"countries-110m.json","type":"application/json","lastModified":1701339299838.504,"size":107761},{"id":"89f80bee22a923f89895f02341327a55622c6d19d2859b217c6a0b0dd340f789854599242c0927a38be039bf60e22a38918b992b0d68f1d4daffeaa1b33fc9d6","href":"https://static.observableusercontent.com/files/89f80bee22a923f89895f02341327a55622c6d19d2859b217c6a0b0dd340f789854599242c0927a38be039bf60e22a38918b992b0d68f1d4daffeaa1b33fc9d6","name":"Cleaned-Net-Forest-Area@1.csv","type":"text/csv","lastModified":1701682309827.061,"size":36030},{"id":"4a38b701fc49a6be0eb1203a63a2d1615b34432fb10abc33666b6fae2e3bcbd1cdef764e1f6338d84b8b03f88a5092c8d2bf57174f74e9bf4b5d7eba5d0f57a3","href":"https://static.observableusercontent.com/files/4a38b701fc49a6be0eb1203a63a2d1615b34432fb10abc33666b6fae2e3bcbd1cdef764e1f6338d84b8b03f88a5092c8d2bf57174f74e9bf4b5d7eba5d0f57a3","name":"Cleaned-Net-Forest-Area@2.csv","type":"text/csv","lastModified":1701683453466.691,"size":35850},{"id":"4a38b701fc49a6be0eb1203a63a2d1615b34432fb10abc33666b6fae2e3bcbd1cdef764e1f6338d84b8b03f88a5092c8d2bf57174f74e9bf4b5d7eba5d0f57a3","href":"https://static.observableusercontent.com/files/4a38b701fc49a6be0eb1203a63a2d1615b34432fb10abc33666b6fae2e3bcbd1cdef764e1f6338d84b8b03f88a5092c8d2bf57174f74e9bf4b5d7eba5d0f57a3","name":"1Cleaned-Net-Forest-Area.csv","type":"text/csv","lastModified":1701683530111.484,"size":35850},{"id":"8ca284d78024bab4f8b7c9a7b2c88afdc908c176123e1b0fbded663e3801fb3205f311e5e9ddbab34d346ddf5b6c94c649612ae125336ee2a310e11e1be88f6c","href":"https://static.observableusercontent.com/files/8ca284d78024bab4f8b7c9a7b2c88afdc908c176123e1b0fbded663e3801fb3205f311e5e9ddbab34d346ddf5b6c94c649612ae125336ee2a310e11e1be88f6c","name":"2Cleaned-Net-Forest-Area.csv","type":"text/csv","lastModified":1701685058362.351,"size":35822}] 2d:{"id":"2509df808ac3850f","slug":null,"title":"Global Change in Forest Area, 2020","thumbnail":"61a0fe1fbb436c068f20cd2bec00e3267d764af3eee162bd86c7b5c74547d102","access_level":"public","create_time":"$D2023-11-30T10:14:59.838Z","update_time":"$D2024-02-21T18:53:25.811Z","view_time":null,"first_public_time":"$D2023-11-30T10:14:59.838Z","fork":{"id":"b08a16459e205701","slug":null,"title":"Global Change in Forest Area, 2020","owner":{"id":"b76b910a6ad9fd6f","login":"valerie2-ws","name":"Valerie's Workspace"}},"stars":0,"starred":false,"owner":{"type":"team","id":"641f46d8b026fd0e","login":"dis-2023-fall","name":"🪦 dis-2023-fall","avatar_url":"https://avatars-next.observableusercontent.com/9ce0cad8ae456b51b610e1922ad0ff56ca715828a6145252f6a89ded41efff93","tier":"starter_2024"},"version":1054,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2b82531238c0914b","login":"gabrielle-smith","name":"Gabrielle Smith","avatar_url":"https://avatars-next.observableusercontent.com/62cc1e48a6518a3f4e51711f7e923636f12f5ffe915627be50bcc49305a89a58","tier":null},{"type":"individual","id":"748a105e60bf6302","login":"valerie2","name":"Valerie","avatar_url":"https://avatars-next.observableusercontent.com/4f3451f71533ba62f13da4da1014309f5967f4c7c1a8ec0a339c54ab9c27ec55","tier":null},{"type":"individual","id":"2aaf560f36735e9f","login":"jahnavi-keerthi","name":"jahnavi keerthi","avatar_url":"https://avatars-next.observableusercontent.com/3c94263ea3e8bd9904d0338d3f30c3070aec3d5c92cc61a083a059deb0dacdea","tier":null},{"type":"individual","id":"cb6a978e2671889f","login":"vivian2","name":"Vivian","avatar_url":"https://avatars-next.observableusercontent.com/a55efe707e66151d27db6ec1b9f211d7e920775defff8a04a45bf72a98e2d141","tier":null},{"type":"individual","id":"32fedc006d019164","login":"sumeyya","name":"Sumeyya","avatar_url":"https://avatars-next.observableusercontent.com/9fe8627f63c72d4c66f7624e0bc2cfdcf36ca6a1d267106c7bb1799e3c01c93d","tier":null}],"members":[{"type":"team","id":"641f46d8b026fd0e","login":"dis-2023-fall","name":"🪦 dis-2023-fall","avatar_url":"https://avatars-next.observableusercontent.com/9ce0cad8ae456b51b610e1922ad0ff56ca715828a6145252f6a89ded41efff93","tier":"starter_2024","role":"editor"},{"type":"individual","id":"2b82531238c0914b","login":"gabrielle-smith","name":"Gabrielle Smith","avatar_url":"https://avatars-next.observableusercontent.com/62cc1e48a6518a3f4e51711f7e923636f12f5ffe915627be50bcc49305a89a58","tier":null,"role":"editor"},{"type":"individual","id":"2aaf560f36735e9f","login":"jahnavi-keerthi","name":"jahnavi keerthi","avatar_url":"https://avatars-next.observableusercontent.com/3c94263ea3e8bd9904d0338d3f30c3070aec3d5c92cc61a083a059deb0dacdea","tier":null,"role":"editor"},{"type":"individual","id":"748a105e60bf6302","login":"valerie2","name":"Valerie","avatar_url":"https://avatars-next.observableusercontent.com/4f3451f71533ba62f13da4da1014309f5967f4c7c1a8ec0a339c54ab9c27ec55","tier":null,"role":"editor"},{"type":"individual","id":"cb6a978e2671889f","login":"vivian2","name":"Vivian","avatar_url":"https://avatars-next.observableusercontent.com/a55efe707e66151d27db6ec1b9f211d7e920775defff8a04a45bf72a98e2d141","tier":null,"role":"editor"}],"comments":[{"id":"9cab97a7d74b3f0a","reply_to_id":null,"content":"Code for slider:\nviewof year = Scrubber(years, {\n delay: 250,\n loop: false,\n initial: 2022,\n autoplay: false\n})","create_time":"$D2023-12-07T09:24:00.524Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"2b82531238c0914b","login":"gabrielle-smith","name":"Gabrielle Smith","avatar_url":"https://avatars-next.observableusercontent.com/62cc1e48a6518a3f4e51711f7e923636f12f5ffe915627be50bcc49305a89a58","tier":null}}],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"title":"Global Change in Forest Area, 2020","cells":[{"id":0,"value":"# Global Change in Forest Area, 2020","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":997,"value":"This map allows you to explore trends in net forest area change globally in the time period from 1990 to 2020. Initial data acquired from the UN Food and Agriculture Organization.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":942,"value":"viewof newyear = Inputs.radio([].concat(years), {label: playButton});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"legend({\n color: cScale1,\n title: \"Net forest area change\",\n tickFormat: t => t,\n width: 1150,\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"await FileAttachment(\"2Cleaned-Net-Forest-Area.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":39,"value":"showToolTip = (text, coords) => {\n d3.select(\".tooltip\")\n .text(text)\n .style(\"top\", coords[1] + \"px\")\n .style(\"left\", coords[0] + \"px\")\n .style(\"visibility\", \"visible\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"originalDomain = [ -400001, -400000, -200000, -10000, 0, 10000, 200000, 400000, 400001];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":878,"value":"cScale = (change) => {if (change == 0) {\n return '#FFFFFF';\n } else if (change <= -400001) {\n return '#d73027';\n } else if (change >= -400000 && change <= -200001) {\n return '#f46d43';\n } else if (change >= -200000 && change <= -100001) {\n return '#fdae61';\n } else if (change >= -100000 && change <= -0.99) {\n return '#fee08b';\n } else if (change >= 0.01 && change <= 100000) {\n return '#AFE1AF';\n } else if (change >= 100001 && change <= 200000) {\n return '#93c72e';\n } else if (change >= 200001 && change <= 400000) {\n return '#097969';\n } else if (change >= 400001) {\n return '#355E3B';\n }\n}\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"categories = originalDomain.map((d) => {\n if (d === 0) {\n return `0`;\n } else if (d <= -400001) {\n return `Over -400000 ha`;\n } else if (d >= -400000 && d <= -200001) {\n return `-400000 ha and less`;\n } else if (d >= -200000 && d <= -100001) {\n return `-200000 ha and less`;\n } else if (d >= -100000 && d <= -0.99) {\n return `-100000 ha and less`;\n } else if (d >= 0.01 && d <= 100000) {\n return `100000 ha and less`;\n } else if (d >= 100001 && d <= 200000) {\n return `200000 ha and less`;\n } else if (d >= 200001 && d <= 400000) {\n return `400000 ha and less`;\n } else if (d >= 400001) {\n return `Over 400000 ha`;\n }\n}).filter(category => category !== null)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"cScale1 = d3.scaleOrdinal()\n .domain(categories)\n .range([\n '#d73027',\n '#f46d43',\n '#fdae61',\n '#fee08b',\n \"white\",\n '#AFE1AF',\n '#93c72e',\n '#097969',\n \"#355E3B\"\n ]); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"outline = ({ type: \"Sphere\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"projection = d3.geoNaturalEarth1()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"countries = {\n // group entities by name and year\n const entities = d3.group(data, d => d.country, d => d.year);\n \n // attach data to each country in properties\n const countries = topojson.feature(world, world.objects.countries);\n countries.features.forEach(country => {\n country.properties.data = entities.get(country.properties.name);\n })\n \n return countries\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":937,"value":"countries.features.find(m => m.properties.name.includes(\"United\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"rawdata = d3.csvParse(await FileAttachment(\"2Cleaned-Net-Forest-Area.csv\").text(), d => {\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"data = rawdata.map(d => {\n return {\n country: d.Country === \"United States\"? \"United States of America\" : d.Country,\n year: d.Years,\n change: (d[\"Net Forest Change (hectares)\"])\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"years = Array.from(new Set(data.map(d => d.year).sort()))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"world = await FileAttachment(\"countries-110m.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1009,"value":"playButton = html``;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1012,"value":"playButton.onclick = () => {\n const radioOptions = viewof newyear.querySelectorAll(\"input[type='radio']\");\n let currentIndex = Array.from(radioOptions).findIndex(radio => radio.checked);\n \n // If no radio is selected or the last one is selected, start from the beginning\n currentIndex = (currentIndex === -1 || currentIndex === radioOptions.length - 1) ? 0 : currentIndex + 1;\n\n radioOptions[currentIndex].click()\n};\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"