3f:null 40:["$","title",null,{"children":"ClimateChangeIsReal | aakashshameer | Observable"}] 46:T626,function legend(container, selmodel) { const titlePadding = 14; const entrySpacing = 16; const entryRadius = 5; const labelOffset = 4; const baselineOffset = 4; const title = container .append("text") .attr("x", 0) .attr("y", 0) .attr("fill", "black") .attr("font-family", "Helvetica Neue, Arial") .attr("font-weight", "bold") .attr("font-size", "12px") .text("Chart Type"); // The "on" method registers event listeners // We update the selection model in response const entries = container .selectAll("g") .data(DataIndex) .join("g") .attr("transform",d => `translate(0, ${titlePadding + d.index * entrySpacing})`) // handle interaction .on("click", (e, d) => selmodel.exclusiveAdd(d.index)) .on("dblclick", () => selmodel.clear()); const symbols = entries .append("circle") .attr("cx", entryRadius) .attr("r", entryRadius) .attr("fill", (d) => color(d.index)); const labels = entries .append("text") .attr("x", 2 * entryRadius + labelOffset) .attr("y", baselineOffset) .attr("fill", "black") .attr("font-family", "Helvetica Neue, Arial") .attr("font-size", "11px") .style("user-select", "none") .text((d) => d.label); // Listen to selection model, update symbol and labels upon changes selmodel.on("change.legend", () => { // add effects from legend's interaction symbols.attr("fill", (d) => selmodel.has(d.index) ? color(d.index) : "#ccc"); labels.attr("fill", (d) => (selmodel.has(d.index) ? "black" : "#bbb")); }); }47:T57e,tempGraph = { const selmodel = SelectionModel(); // create the container SVG element const svg = d3.create("svg").attr("width", width + 10).attr("height", height); // position and populate the x-axis svg .append("g") .call(d3.axisBottom(x)) .attr("transform", `translate(5, ${height - margin.bottom})`) .append("text") .text("year") .attr("x", width - margin.right) .attr("y", -10) .attr("fill", "black") .attr("font-size", "12px") .attr("font-weight", "bold") .attr("font-family", "Helvetica Neue, Arial") .attr("text-anchor", "end"); // position and populate the y-axis svg .append("g") .call(d3.axisLeft(y)) .attr("transform", `translate(${margin.left + 5}, 0)`) .append("text") .text("temperature") .attr("transform", `translate(20, ${margin.top}) rotate(-90)`) .attr("fill", "black") .attr("font-size", "12px") .attr("font-weight", "bold") .attr("font-family", "Helvetica Neue, Arial") .attr("text-anchor", "end") // .append("title") // .text(d => `${d} // ${heatmap.has(d) ? heatmap.get(d) : "N/A"}`); let displayed = [] let selected = ""; svg.append('path') .datum(heatmap) .attr('d', line) .attr("fill", "none") .attr("stroke", "#D21404") .attr("transform", `translate(5.5, 0)`); return Object.assign(svg.node()); }48:T4e5, tempGraph1 = { //const selmodel = SelectionModel(); // create the container SVG element const svg = d3.create("svg").attr("width", width + 10).attr("height", height); // position and populate the x-axis svg .append("g") .call(d3.axisBottom(x1)) .attr("transform", `translate(10, ${height - margin.bottom})`) .append("text") .text("year") .attr("x", width - margin.right) .attr("y", -10) .attr("fill", "black") .attr("font-size", "12px") .attr("font-weight", "bold") .attr("font-family", "Helvetica Neue, Arial") .attr("text-anchor", "end"); // position and populate the y-axis svg .append("g") .call(d3.axisLeft(y1)) .attr("transform", `translate(${margin.left + 10}, 0)`) .append("text") .text("sea levels") .attr("transform", `translate(${margin.top}) rotate(-90)`) .attr("fill", "black") .attr("font-size", "12px") .attr("font-weight", "bold") .attr("font-family", "Helvetica Neue, Arial") .attr("text-anchor", "end"); svg.append('path') .datum(sea_levels) .attr('d', line1) .attr("fill", "none") .attr("stroke", "#051094") .attr("transform", `translate(10, 0)`); return Object.assign(svg.node()); }49:T120f,// Copyright 2021, Observable Inc. // Released under the ISC license. // https://observablehq.com/@d3/color-legend function Legend(color, { title, tickSize = 6, width = 530, height = 44 + tickSize, marginTop = 18, marginRight = 0, marginBottom = 16 + tickSize, marginLeft = 0, ticks = width / 64, tickFormat, tickValues } = {}) { function ramp(color, n = 256) { const canvas = document.createElement("canvas"); canvas.width = n; canvas.height = 1; const context = canvas.getContext("2d"); for (let i = 0; i < n; ++i) { context.fillStyle = color(i / (n - 1)); context.fillRect(i, 0, 1, 1); } return canvas; } const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = g => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; // Continuous if (color.interpolate) { const n = Math.min(color.domain().length, color.range().length); x = color.copy().rangeRound(d3.quantize(d3.interpolate(marginLeft, width - marginRight), n)); svg.append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.copy().domain(d3.quantize(d3.interpolate(0, 1), n))).toDataURL()); } // Sequential else if (color.interpolator) { x = Object.assign(color.copy() .interpolator(d3.interpolateRound(marginLeft, width - marginRight)), {range() { return [marginLeft, width - marginRight]; }}); svg.append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat. if (!x.ticks) { if (tickValues === undefined) { const n = Math.round(ticks + 1); tickValues = d3.range(n).map(i => d3.quantile(color.domain(), i / (n - 1))); } if (typeof tickFormat !== "function") { tickFormat = d3.format(tickFormat === undefined ? ",f" : tickFormat); } } } // Threshold else if (color.invertExtent) { const thresholds = color.thresholds ? color.thresholds() // scaleQuantize : color.quantiles ? color.quantiles() // scaleQuantile : color.domain(); // scaleThreshold const thresholdFormat = tickFormat === undefined ? d => d : typeof tickFormat === "string" ? d3.format(tickFormat) : tickFormat; x = d3.scaleLinear() .domain([-1, color.range().length - 1]) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(color.range()) .join("rect") .attr("x", (d, i) => x(i - 1)) .attr("y", marginTop) .attr("width", (d, i) => x(i) - x(i - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", d => d); tickValues = d3.range(thresholds.length); tickFormat = i => thresholdFormat(thresholds[i], i); } // Ordinal else { x = d3.scaleBand() .domain(color.domain()) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(color.domain()) .join("rect") .attr("x", x) .attr("y", marginTop) .attr("width", Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", color); tickAdjust = () => {}; } svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(d3.axisBottom(x) .ticks(ticks, typeof tickFormat === "string" ? tickFormat : undefined) .tickFormat(typeof tickFormat === "function" ? tickFormat : undefined) .tickSize(tickSize) .tickValues(tickValues)) .call(tickAdjust) .call(g => g.select(".domain").remove()) .call(g => g.append("text") .attr("x", marginLeft) .attr("y", marginTop + marginBottom - height - 6) .attr("fill", "currentColor") .attr("text-anchor", "start") .attr("font-weight", "bold") .attr("class", "title") .text(title)); return svg.node(); }4a:T9b6,info_panel = { return svg`` } 4b:T521,worldmap = { const svg = d3.create("svg") .attr("width", width2) .attr("height", height2 + 20) .attr("transform", "translate(0, 20) scale(1.15)"); const defs = svg.append("defs"); // set up outline, clipping and background of map defs.append("path") .attr("id", "outline") .attr("d", path(outline)); defs.append("clipPath") .attr("id", "clip") .append("use") .attr("xlink:href", new URL("#outline", location)); const g = svg.append("g") .attr("clip-path", `url(${new URL("#clip", location)})`); g.append("use") .attr("xlink:href", new URL("#outline", location)) .attr("fill", "white"); // fill entities according to values g.append("g") .selectAll("path") .data(countries.features) .join("path") .attr("fill", d => color2(yearData.get(d.properties.name))) .attr("d", path) // tooltip .append("title") .text(d => `${d.properties.name} ${yearData.has(d.properties.name) ? yearData.get(d.properties.name) : "N/A"}`); // draw borders g.append("path") .datum(topojson.mesh(world, world.objects.countries, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", "white") .attr("stroke-linejoin", "round") .attr("d", path); return svg.node(); }4c:[{"id":"4cf11a358f8e13e2f089fc6b099196352f609500cfb4aa3dfa5c029fe358caab013b2be271e5ad1cd2254dfa14468a7ca58dec1be91bc383469f2d82e979d860","href":"https://static.observableusercontent.com/files/4cf11a358f8e13e2f089fc6b099196352f609500cfb4aa3dfa5c029fe358caab013b2be271e5ad1cd2254dfa14468a7ca58dec1be91bc383469f2d82e979d860","name":"co2_filtered.csv","type":"text/csv","lastModified":1646022630918.426,"size":387977},{"id":"1312d23100b076d043b2d76241cd42819083a723f40e222ca3f2e56bd7747586efd6e7476558a954fd7a32f0e130ce67962782d81e4f27338de4a5fadaae011d","href":"https://static.observableusercontent.com/files/1312d23100b076d043b2d76241cd42819083a723f40e222ca3f2e56bd7747586efd6e7476558a954fd7a32f0e130ce67962782d81e4f27338de4a5fadaae011d","name":"glob&sea.csv","type":"text/csv","lastModified":1646427787119.508,"size":3089},{"id":"481cbf8d038a0ec1d37e39ff70fe8946714efe7b8f21afdc83af652b1c5c4fbf9f99a36a60e93009f3344eb133a168942559c70c833812d0bc97c3911695f0e7","href":"https://static.observableusercontent.com/files/481cbf8d038a0ec1d37e39ff70fe8946714efe7b8f21afdc83af652b1c5c4fbf9f99a36a60e93009f3344eb133a168942559c70c833812d0bc97c3911695f0e7","name":"sealevels.csv","type":"text/csv","lastModified":1646025489247.837,"size":801},{"id":"f261ac2e218b5a7cb37d5bd0483c88f19f3cbda4e429d57a5da10ba67a8bfa83e97e9a3cc01d910f3cba440a96b087a8f50fdfd133b426179f797ace7ef4690a","href":"https://static.observableusercontent.com/files/f261ac2e218b5a7cb37d5bd0483c88f19f3cbda4e429d57a5da10ba67a8bfa83e97e9a3cc01d910f3cba440a96b087a8f50fdfd133b426179f797ace7ef4690a","name":"climatechange_timeline@3.csv","type":"text/csv","lastModified":1646618830180.87,"size":2077},{"id":"f4c9d29c811a3b82f5cc375bde8b5ef56cbe08854607422da8969d64f75a78175b15294bca3bb2b5209881b88a5b367c7c03bc5be7d43a2daecc8c9ae953909d","href":"https://static.observableusercontent.com/files/f4c9d29c811a3b82f5cc375bde8b5ef56cbe08854607422da8969d64f75a78175b15294bca3bb2b5209881b88a5b367c7c03bc5be7d43a2daecc8c9ae953909d","name":"temp 1950-2020 (1)@2.txt","type":"text/plain","lastModified":1646858099226.645,"size":721},{"id":"3e0c0d383deeb04347399ff4ca915487fac16f52c6d45ed2398f6bf2f6304e248dfd861921330c59ea9d56389ec8e4760b53ced73aac266aeda94c1ae7d93843","href":"https://static.observableusercontent.com/files/3e0c0d383deeb04347399ff4ca915487fac16f52c6d45ed2398f6bf2f6304e248dfd861921330c59ea9d56389ec8e4760b53ced73aac266aeda94c1ae7d93843","name":"temp 1950-2020 (1).txt","type":"text/plain","lastModified":1646803064262.304,"size":737},{"id":"52d8064c80c0ea4ae58ea38f4e4d3958bbcbed3d4c8bc4d109c5e76bdb08d99e647b5931153b949218c0383fe77f47ba16cf308f81b720ffd3569ca689858927","href":"https://static.observableusercontent.com/files/52d8064c80c0ea4ae58ea38f4e4d3958bbcbed3d4c8bc4d109c5e76bdb08d99e647b5931153b949218c0383fe77f47ba16cf308f81b720ffd3569ca689858927","name":"sealevels.txt","type":"text/plain","lastModified":1646803996349.739,"size":789},{"id":"b3ad0f84b95caa96dabcfbe7d5c077edbd3f1f15a2f941483865962d503ce17bda8c5dee8285e92f79b994b626eb060175bfc8cbc74f7248ac683e613aeaffd4","href":"https://static.observableusercontent.com/files/b3ad0f84b95caa96dabcfbe7d5c077edbd3f1f15a2f941483865962d503ce17bda8c5dee8285e92f79b994b626eb060175bfc8cbc74f7248ac683e613aeaffd4","name":"climatechange_timeline-3.csv","type":"text/csv","lastModified":1646769501547.944,"size":1577},{"id":"bbe6dc3ae6cbe471dd1bf89bed138d7db06b620620ea43cbff784e5ae1638409839a89e7fd26e979d03e488427ab8b4c4fafc437552aed75b2b98365cd394168","href":"https://static.observableusercontent.com/files/bbe6dc3ae6cbe471dd1bf89bed138d7db06b620620ea43cbff784e5ae1638409839a89e7fd26e979d03e488427ab8b4c4fafc437552aed75b2b98365cd394168","name":"co2_panel.csv","type":"text/csv","lastModified":1646544106804.57,"size":15208},{"id":"40429a3a04cdc2225e5232e9131e9d019cd4b9bfdd737ea59f4f6c4f529cf7b8cd951485a3df602a9f20e34f074b5e6a08f127eee3b3de6816c955c1e01c5efb","href":"https://static.observableusercontent.com/files/40429a3a04cdc2225e5232e9131e9d019cd4b9bfdd737ea59f4f6c4f529cf7b8cd951485a3df602a9f20e34f074b5e6a08f127eee3b3de6816c955c1e01c5efb","name":"temp 1950-2020 (1)@2.csv","type":"text/csv","lastModified":1646644196921.086,"size":737},{"id":"bf2eafb374baf85dc8c0eff4ca743d308a1b2fe38320989b1dad9ae31391837bda10e57e17a9511fae510393c1a1e460c614afc79ad00b61dea84d7a48c7fb5f","href":"https://static.observableusercontent.com/files/bf2eafb374baf85dc8c0eff4ca743d308a1b2fe38320989b1dad9ae31391837bda10e57e17a9511fae510393c1a1e460c614afc79ad00b61dea84d7a48c7fb5f","name":"sealevels@1.csv","type":"text/csv","lastModified":1646644783193.043,"size":804}] 44:{"id":"7753a5651d61330d","slug":"climatechangeisreal","title":"ClimateChangeIsReal","thumbnail":"d0a06f89efd6af2062cb01f62ee24cd1afae2237a60a2598a5172cae980973a3","access_level":"public","create_time":"$D2022-02-20T19:12:34.545Z","update_time":"$D2022-03-10T04:08:32.854Z","view_time":null,"first_public_time":"$D2022-03-01T00:08:45.008Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"07b464448671abc3","login":"aakashshameer","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b31526aa9f46ffeb060e0e39aa5c19c087c5c240821057daa0aafa80dfbdfc80","tier":"starter_2024","bio":"","following":false},"version":1953,"publish_version":1953,"role":null,"authored":false,"authors":[{"type":"individual","id":"7be085cad8463c5c","login":"aakashshameer","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b31526aa9f46ffeb060e0e39aa5c19c087c5c240821057daa0aafa80dfbdfc80","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"7be085cad8463c5c","login":"aakashshameer","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b31526aa9f46ffeb060e0e39aa5c19c087c5c240821057daa0aafa80dfbdfc80","tier":null,"role":"editor"},{"type":"individual","id":"4b3b9453461eb9ae","login":"bellamrivera","name":"","avatar_url":"https://avatars.githubusercontent.com/u/40805023?v=4","tier":null,"role":"editor"},{"type":"individual","id":"4fb82e4de489cd28","login":"bennedictsoesanto","name":"","avatar_url":"https://avatars.githubusercontent.com/u/56851043?v=4","tier":null,"role":"editor"},{"type":"individual","id":"aeae8d1d66cd35f5","login":"ghislaineng","name":"Ghislaine Ng","avatar_url":"https://avatars-next.observableusercontent.com/52949e109dd107137566003bc6e9916f1a9803ec41a740abf8a283569db10f62","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"ClimateChangeIsReal","cells":[{"id":0,"value":"# ClimateChangeIsReal","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":71,"value":"### Importing Heat Map and Sea Level Data","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":333,"value":"heatmap = FileAttachment(\"temp 1950-2020 (1)@2.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":764,"value":"sea_levels = FileAttachment(\"sealevels@1.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"### Legend Component","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":300,"value":"colors = [\"#D21404\", \"#051094\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"color = d3\n .scaleOrdinal()\n .range(colors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"function SelectionModel(values) {\n const dispatch = d3.dispatch('change');\n const state = new Set(values);\n \n const api = {\n on: (type, fn) => (dispatch.on(type, fn), api),\n clear: () => (clear(), api),\n has: value => !state.size || state.has(value),\n set: value => (update(value, true), api),\n toggle: value => (update(value, !state.has(value)), api),\n exclusiveAdd: value => (exclusiveAdd(value), api)\n };\n \n function clear() {\n if (state.size) {\n state.clear();\n dispatch.call('change', api, api);\n }\n }\n \n function update(value, add) {\n if (add && !state.has(value)) {\n state.add(value);\n dispatch.call('change', api, api);\n } else if (!add && state.has(value)) {\n state.delete(value);\n dispatch.call('change', api, api);\n }\n }\n\n //single selection on legend\n function exclusiveAdd(value) {\n state.clear();\n state.add(value);\n dispatch.call('change', api, api);\n }\n\n return api;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"DataIndex = [\n { index: 1, label: 'Temperature' },\n { index: 2, label: 'Sea Levels' },\n];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":973,"value":"### Heat Map\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"height = 550","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"width = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"margin = ({top: 10, right: 10, bottom: 20, left: 20})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"heightTempGraph = 800","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"x = d3\n .scaleLinear()\n .domain([d3.min(heatmap, (d) => d.Year), d3.max(heatmap, (d) => d.Year)])\n .range([margin.left, width - margin.right])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"y = d3\n .scaleLinear()\n .domain([d3.min(heatmap, (d) => d.GlobalTemp), d3.max(heatmap, (d) => d.GlobalTemp)])\n .range([height - margin.bottom, margin.top])\n .nice()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"line = d3.line()\n .x(d => x(d.Year))\n .y(d => y(d.GlobalTemp))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1564,"value":"### Basic Line Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":454,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1570,"value":"### Line chart with tooltip","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1606,"value":"From this graph we can clearly see that the change in global temperature increase the most in 2016. According to the World Meteorological Organization, on top of long-term climate change driven by greenhouse gas emissions, the powerful 2015/2016 El Nio event enhanced temperatures in 2016. Temperatures in strong El Nio years, such as 1973, 1983, and 1998, are typically 0.1 °C to 0.2 °C warmer than background values, and 2016's temperatures follow this tendency.\nhttps://public.wmo.int/en/media/press-release/climate-breaks-multiple-records-2016-global-impacts","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1619,"value":"El Niño or La Niña, which warm or cool the upper tropical Pacific Ocean and cause corresponding variations in global wind and weather patterns, contribute to short-term variations in global average temperature. ","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1417,"value":"temp_chart = {\n return Plot.plot({\n grid: true,\n marks: [\n Plot.line(heatmap, {\n x: \"Year\",\n y: \"GlobalTemp\",\n stroke: \"#D21404\",\n marker: \"circle\",\n title: (Title) =>\n `\\n Temp: ${Title.GlobalTemp} F\\n Year: ${Title.Year}` // \\n makes a new line\n \n })\n ],\n tooltip: {\n stroke: \"blue\",\n r: 8\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1803,"value":"map = (await FileAttachment(\"temp 1950-2020 (1)@2.txt\").text())\n .trim().split(/\\n/g) // split into lines\n .map(line => line.split(/\\s+/g)) // split each line into fields \n .map(([year, anomaly]) => ({ // extract the year and median anomaly\n year: new Date(Date.UTC(year, 0, 1)), \n anomaly: +anomaly\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1853,"value":"This bar shows the global temperature increase drastically since 1950","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1806,"value":"temp_line = {return Plot.plot({\n x: {\n round: true\n },\n color: {\n // type: \"diverging\",\n scheme: \"OrRd\"\n },\n marks: [\n Plot.barX(map, {\n x1: d => d.year, // start of current year\n x2: d => d3.utcYear.offset(d.year), // start of next year\n fill: \"anomaly\",\n title: (Title) =>\n `\\n Temp: ${Title.anomaly} F`\n })\n ]\n})}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1939,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1495,"value":"function transition(path) {\n path.transition()\n .duration(7500)\n .attrTween(\"stroke-dasharray\", tweenDash)\n .on(\"end\", () => { d3.select(this).call(transition); });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1499,"value":"function tweenDash() {\n const l = this.getTotalLength(),\n i = d3.interpolateString(\"0,\" + l, l + \",\" + l);\n return function(t) { return i(t) };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1574,"value":"### Interactive line chart without tooltip","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1504,"value":"chart = {\n const svg = d3.create(\"svg\").attr(\"width\", width + 10).attr(\"height\", height);\n \n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAxis);\n \n svg.append(\"path\")\n .datum(heatmap)\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"red\")\n .attr(\"stroke-width\", 1.5)\n .attr(\"d\", line)\n .call(transition);\n\n return svg.node();\n} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1510,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(width / 80).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1507,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},10)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(heatmap.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":992,"value":"### Sea Level Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":790,"value":"x1 = d3\n .scaleLinear()\n .domain([d3.min(sea_levels, (d) => d.Year), d3.max(sea_levels, (d) => d.Year)])\n .range([margin.left, width - margin.right])\n .nice();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"y1 = d3\n .scaleLinear()\n .domain([d3.min(sea_levels, (d) => d.SeaLevel), d3.max(sea_levels, (d) => d.SeaLevel)])\n .range([height - margin.bottom, margin.top])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"line1 = d3.line()\n //.defined(d => !isNaN(d.value))\n .x(d => x1(d.Year))\n .y(d => y1(d.SeaLevel))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":776,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1622,"value":"\"The higher-than-normal sea levels in the western tropical Pacific and Indian Oceans are an imprint left by the La Nina event that continued from 2011 into the first part of 2012. During La Nina, the trade winds along the equator blow more strongly than normal, pushing warm tropical waters westward across the Pacific. The warm waters “pile up” in the western part of the tropical Pacific, spilling over into the Indian Ocean, making sea levels there higher than average.\"\nhttps://www.climate.gov/news-features/understanding-climate/2012-state-climate-global-sea-level","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1463,"value":"sea_chart = {\n return Plot.plot({\n grid: true,\n marks: [\n Plot.line(sea_levels, {\n x: \"Year\",\n y: \"SeaLevel\",\n stroke: \"#051094\",\n marker: \"circle\",\n title: (Title) =>\n `\\n Sea Level: ${Title.SeaLevel} mm\\n Year: ${Title.Year}` // \\n makes a new line\n })\n ],\n tooltip: {\n stroke: \"red\",\n r: 8\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1820,"value":"hadcrut = (await FileAttachment(\"sealevels.txt\").text())\n .trim().split(/\\n/g) // split into lines\n .map(line => line.split(/\\s+/g)) // split each line into fields \n .map(([year, anomaly]) => ({ // extract the year and median anomaly\n year: new Date(Date.UTC(year, 0, 1)), \n anomaly: +anomaly\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1856,"value":"This bar shows that the sea level increase drastically since 1950","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1827,"value":"sea_line = {return Plot.plot({\n x: {\n round: true\n },\n color: {\n type: \"diverging\",\n scheme: \"Blues\"\n },\n marks: [\n Plot.barX(hadcrut, {\n x1: d => d.year, // start of current year\n x2: d => d3.utcYear.offset(d.year), // start of next year\n fill: \"anomaly\",\n title: (Title) =>\n `\\n Sea Level: ${Title.anomaly} mm`\n })\n ]\n})}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1923,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"### Carbon Dioxide Chart Components","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":365,"value":"years = [1960, 2020];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"projection = d3.geoEquirectangular() // Use an equal-area projection for choropleth maps","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"// adjust names according to topojson map file\nrename = new Map([\n [\"Bosnia and Herzegovina\", \"Bosnia and Herz.\"],\n [\"Central African Republic\", \"Central African Rep.\"],\n [\"Cote d'Ivoire\", \"Côte d'Ivoire\"],\n [\"Democratic Republic of Congo\", \"Dem. Rep. Congo\"],\n [\"Dominican Republic\", \"Dominican Rep.\"],\n [\"Equatorial Guinea\", \"Eq. Guinea\"],\n [\"Saint Vincent and the Grenadines\", \"St. Vin. and Gren.\"],\n [\"Sao Tome and Principe\", \"São Tomé and Principe\"],\n [\"Solomon Islands\", \"Solomon Is.\"],\n [\"South Sudan\", \"S. Sudan\"],\n [\"Syrian Arab Republic\", \"Syria\"],\n [\"North Macedonia\", \"Macedonia\"],\n [\"United States\", \"United States of America\"]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":614,"value":"entries = d3.csvParse(await FileAttachment(\"co2_filtered.csv\").text(), function(d) {\n return {\n year: +d.Year, // use new Date(+d.Year, 0, 1) to convert \"year\" to Date\n country: rename.get(d.Country) || d.Country,\n code: d.Code,\n emissions: +d.Emissions\n };\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"data = new Map(\n [...d3.rollup(entries, v => d3.sum(v, d => d.emissions), d => d.year, d => d.country)]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"dataDomain = d3.extent(entries, d => d.emissions)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"function legend2({color, ...options}) {\n return Legend(color2, options);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"color2 = d3.scaleSequentialLog()\n .domain([20000, 12000000000])\n .interpolator(colorInterpolator)\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"yearData = data.get(date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"viewof colorInterpolator = {\n const picker = colorInterpolatorPicker({\n w: 200,\n interpolators: [\n { \n //value: d3.interpolateHcl(\"#f4e153\", \"#362142\")\n // value: d3.interpolateHslLong(\"blue\", \"red\")\n value: d3.scaleSequential(d3.scaleLinear()\n .domain([0, 0.25, 0.5, 0.75, 1])\n .range([\"#ffffff\", \"#ffc8b5\", \"#ff9c7a\", \"#ff5014\", \"#9e2800\"])\n .interpolate(d3.interpolateRgb.gamma(2.2)))\n }\n ]\n })\n return picker;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1035,"value":"width2 = 1200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1037,"value":"height2 = 520","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1114,"value":"co2_panel = FileAttachment(\"co2_panel.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1128,"value":"co2_panel_filtered = co2_panel.filter(function(element) {\n return (element.Year == date);\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1327,"value":"event_arr = [1960, 1963, 1967, 1968, 1969, 1970, 1973, 1979, 1985, 1987, 1990, 1997, 2001, 2005, 2006, 2015, 2016, 2019]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1388,"value":"climate_timeline = FileAttachment(\"climatechange_timeline-3.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1346,"value":"current_event = {\n if (event_arr.includes(date)) {\n var i = event_arr.indexOf(date);\n return climate_timeline[i].Description;\n } else {\n return \"\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1287,"value":"date_to_index = date - 1960;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1224,"value":"current_temp = heatmap[date_to_index];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1257,"value":"current_levels = sea_levels[date_to_index];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1000,"value":"### Carbon Dioxide Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":366,"value":"viewof date = Scrubber(\n d3.range(years[0], years[1] + 1, 1),\n { autoplay: true, delay: 800, loop: false }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1631,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"legend2({color, width: width2 / 1.2, height: 60})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"## Import Statements\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":65,"value":"import {aq, op} from '@uwdata/arquero'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"import {countries, world} from \"@d3/world-choropleth\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"import {colorInterpolatorPicker} from \"@zechasault/color-schemes-and-interpolators-picker\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1411,"value":"import {Plot} from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":955,"value":"d3 = require('d3@7')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":960,"value":"topojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 45:"$44:body"