29:null 2a:["$","title",null,{"children":"World Map V7: Laws/Legality | Final Project | Observable"}] 2f:T4cf,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) .on("mouseover", function(event, d) { let text = d.properties.name const mean_homo = d.properties.data.get(year)[0].mean_homo const mean_homo_rounded = Math.round((mean_homo + Number.EPSILON) * 100) / 100 text = text + "\nJustifiability: " + mean_homo_rounded 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") }) //.transition().duration(500) .attr("fill", d => d.properties.data?.get(year) ? cScale(d.properties.data.get(year)[0].mean_homo) : "lightgrey") return svg.node() }30:[{"id":"2f3c8b146a371fb92d0d262b22b33ecebb035a5d18878365a0b96ec6c7782dbb61cc6b202172efeeb75188c5b8ef11c3a0179010caf4128b47ea32c23af014cb","href":"https://static.observableusercontent.com/files/2f3c8b146a371fb92d0d262b22b33ecebb035a5d18878365a0b96ec6c7782dbb61cc6b202172efeeb75188c5b8ef11c3a0179010caf4128b47ea32c23af014cb","name":"Interpolated_Data_Cleaned.csv","type":"text/csv","lastModified":1701681441343.773,"size":99071},{"id":"7c6167b65013c12f3978b4d8e85dd28a27e3b5eb580d1e76696ce5b0d399c196de2b02c45e734462931e1af823698e36bb072722253d5e03e7fb61222755bc0c","href":"https://static.observableusercontent.com/files/7c6167b65013c12f3978b4d8e85dd28a27e3b5eb580d1e76696ce5b0d399c196de2b02c45e734462931e1af823698e36bb072722253d5e03e7fb61222755bc0c","name":"countries-110m.json","type":"application/json","lastModified":1701681441343.773,"size":107761},{"id":"cfcde7968e2136119a1e2492fc5d23d54ee6b391520d52612202cfabf98dd0d6159ae101ce661ff3fea95b65053c1aa5beee4cbc19a42a5dc1b3590fb6a7e20f","href":"https://static.observableusercontent.com/files/cfcde7968e2136119a1e2492fc5d23d54ee6b391520d52612202cfabf98dd0d6159ae101ce661ff3fea95b65053c1aa5beee4cbc19a42a5dc1b3590fb6a7e20f","name":"legality_1.csv","type":"text/csv","lastModified":1701682341083.128,"size":2093}] 2d:{"id":"0a18c2d89b81876a","slug":null,"title":"World Map V7: Laws/Legality","thumbnail":"dc25dc85ace8ee6a8472236531e89c297f1a9668ff25eca5ea8ed950ed1d3529","access_level":"public","create_time":"$D2023-12-04T09:17:21.343Z","update_time":"$D2023-12-04T10:21:21.508Z","view_time":null,"first_public_time":"$D2023-12-04T09:17:21.343Z","fork":{"id":"548f6b172f00e4be","slug":null,"title":"World Map V6: Accurate Mouseover","owner":{"id":"2d2998fdab73aba0","login":"finaldataviswvs","name":"Final Project "}},"stars":0,"starred":false,"owner":{"type":"team","id":"2d2998fdab73aba0","login":"finaldataviswvs","name":"Final Project ","avatar_url":"https://avatars-next.observableusercontent.com/6f02def99631cadbfc4ebc825ab915c2065810cd562e906d74593c9dbf0f7791","tier":"starter_2024"},"version":215,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"98cfc7f6e87fb3b0","login":"jeanie-yu","name":"Jeanie Yu","avatar_url":"https://avatars-next.observableusercontent.com/2dfc38310d700c6d88dd871da2dbf915a92f4c426039e8423d5e06aca3995e9c","tier":null}],"members":[{"type":"team","id":"2d2998fdab73aba0","login":"finaldataviswvs","name":"Final Project ","avatar_url":"https://avatars-next.observableusercontent.com/6f02def99631cadbfc4ebc825ab915c2065810cd562e906d74593c9dbf0f7791","tier":"starter_2024","role":"editor"},{"type":"individual","id":"98cfc7f6e87fb3b0","login":"jeanie-yu","name":"Jeanie Yu","avatar_url":"https://avatars-next.observableusercontent.com/2dfc38310d700c6d88dd871da2dbf915a92f4c426039e8423d5e06aca3995e9c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"World Map V7: Laws/Legality","cells":[{"id":0,"value":"# World Map V7: Laws/Legality","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":100,"value":"viewof year = Scrubber(years, {\n delay: 250,\n loop: false,\n initial: 2022,\n autoplay: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"legend({\n color: cScale,\n title: \"How Justifiable is Homosexuality?\",\n tickFormat: t => + t ,\n ticks: 10,\n width: 750\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"// Define closeModal function first\nfunction closeModal() {\n // Remove the modal from the body\n document.querySelector('.modal').remove();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"// Modify the showToolTip function to conditionally display an icon\nshowToolTip = (text, coords, legality) => {\n const tooltip = d3.select(\".tooltip\");\n tooltip.text(text);\n \n // Add icon based on legality\n if (legality === 'Y') {\n tooltip.append(\"img\")\n .attr(\"src\", \"path/to/icon.png\") // Replace with the actual path to your icon\n .attr(\"class\", \"legality-icon\");\n }\n \n tooltip.style(\"top\", coords[1] + \"px\")\n .style(\"left\", coords[0] + \"px\")\n .style(\"visibility\", \"visible\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"cScale = d3.scaleLinear()\n .domain([ \n 1,\n 10])\n .range([-1, 0, 1])\n .interpolate((a, b) => a < 0 \n ? t => d3.interpolateBlues(t) \n : t => d3.interpolateReds(1-t))\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"outline = ({ type: \"Sphere\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"projection = d3.geoNaturalEarth1()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"path = d3.geoPath(projection)","pinned":true,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"// Load additional data file with legality information\nlegalityData = d3.csvParse(await FileAttachment(\"legality_1.csv\").text(), d => {\n return {\n country: d.Country,\n year: +d.Year,\n legality: d.Legality\n };\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"// Modify the countries function to include legality information\ncountries = {\n const entities = d3.group(data, d => d.country, d => d.year);\n \n const countries = topojson.feature(world, world.objects.countries);\n \n countries.features.forEach(country => {\n country.properties.data = entities.get(country.properties.name);\n \n // Find legality information for the country and year\n const legalityInfo = legalityData.find(legality => legality.country === country.properties.name);\n if (legalityInfo) {\n country.properties.legality = legalityInfo.legality;\n }\n })\n \n return countries\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"data = d3.csvParse(await FileAttachment(\"Interpolated_Data_Cleaned.csv\").text(), d => {\n if (d.country === \"United States\") {\n d.country = \"United States of America\"\n }\n return {\n country: d.Country,\n year: +d.Year,\n wave: +d.Wave,\n country_code: +d.Country_Code,\n mean_homo: +d.mean_homo }\n} )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"{for (let i = 0; i < data.length; i++) {\n data[i].Year += cars[i] + \"
\";\n}}","pinned":true,"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":82,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"// Modify the showModal function to include legality information in the modal content\nfunction showModal(country, year, legality) {\n const modalContent = html`\n `;\n \n const modal = html``;\n document.body.appendChild(modal);\n}","pinned":true,"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"