25:["$","title",null,{"children":"All Expeditions from 1905 to 2018 | lining | Observable"}] 49:T1d9b,chart2 = { const svg = d3.select(DOM.svg(width, height)); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); svg.append("path") .datum(data) .attr("fill", "none") .attr("stroke", "green") .attr("stroke-width", 1.5) .attr("d", line) .call(transition); svg.append("g") .attr("class", "annotation-group") .call(makeAnnotations); const first_annotation = svg.selectAll('.first') first_annotation.selectAll('.annotation-note') .attr("transform", `translate(-20,-85)`); svg.append("rect") .attr('x', 50) .attr('y', 20) .attr('width', 450) .attr('height', 300) .attr('stroke', 'black') .attr('fill', '#69a3b2'); const second_annotation = svg.selectAll('.second') second_annotation.selectAll('.annotation-note') .attr("transform", `translate(20,-115)`); const third_annotation = svg.selectAll('.third') third_annotation.selectAll('.annotation-note') .attr("transform", `translate(-155,-40)`); const fourth_annotation = svg.selectAll('.fourth') fourth_annotation.selectAll('.annotation-note') .attr("transform", `translate(-180,-220)`); const fifth_annotation = svg.selectAll('.fifth') fifth_annotation.selectAll('.annotation-note') .attr("transform", `translate(-400,-110)`); const sixth_annotation = svg.selectAll('.sixth'); svg.selectAll('.annotation') .style("opacity",0); svg.selectAll('.first') .transition() .duration(500) .style("opacity",1); svg.selectAll('.second') .transition() .delay(13400) .duration(1000) .style("opacity",1); svg.selectAll('.third') .transition() .delay(19000) .duration(1000) .style("opacity",1); svg.selectAll('.fourth') .transition() .delay(21500) .duration(2000) .style("opacity",1); svg.selectAll('.fifth') .transition() .delay(30000) .duration(2000) .style("opacity",1); svg.selectAll('.sixth') .transition() .delay(40000) .duration(3000) .style("opacity",1); var image1 = svg.append("svg:image") .attr("xlink:href",first_pic) .attr("width", 450) .attr("height", 300) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(6000) .duration(1000) .attr("opacity",0.01) ; var image2 = svg.append("svg:image") .attr("xlink:href",second_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(6500) .duration(1000) .attr("opacity",1) .transition() .delay(7000) .duration(1000) .attr("opacity",0.01); var image3 = svg.append("svg:image") .attr("xlink:href",third_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(13000) .duration(1000) .attr("opacity",1) .transition() .delay(6000) .duration(1000) .attr("opacity",0.01); var image4 = svg.append("svg:image") .attr("xlink:href",fourth_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(19000) .duration(1000) .attr("opacity",1) .transition() .delay(6000) .duration(1000) .attr("opacity",0.01); var image5 = svg.append("svg:image") .attr("xlink:href",fifth_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(21500) .duration(1000) .attr("opacity",1) .transition() .delay(4000) .duration(1000) .attr("opacity",0.01); var image6 = svg.append("svg:image") .attr("xlink:href",sixth_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(25000) .duration(1000) .attr("opacity",1) .transition() .delay(6000) .duration(1000) .attr("opacity",0.01); var image7 = svg.append("svg:image") .attr("xlink:href",seventh_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(30000) .duration(1000) .attr("opacity",1) .transition() .delay(9000) .duration(1000) .attr("opacity",0.01); var image8 = svg.append("svg:image") .attr("xlink:href",eighth_pic) .attr("width", 450) .attr("height", 300) .attr("opacity",0.01) .attr("transform", `translate(50,20)`) .attr("id","imgstory") .transition() .delay(40000) .duration(1000) .attr("opacity",1); // image.transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",second_pic) // .transition() // .duration(1000) // .attr("opacity",1); // .transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",third_pic) // .transition() // .duration(1000) // .attr("opacity",1) // .transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",FileAttachment("4.png").url()) // .transition() // .duration(1000) // .attr("opacity",1) // .transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",fifth_pic) // .transition() // .duration(1000) // .attr("opacity",1) // .transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",sixth_pic) // .transition() // .duration(1000) // .attr("opacity",1) // .transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",seventh_pic) // .transition() // .duration(1000) // .attr("opacity",1) // .transition() // .delay(2000) // .duration(1000) // .attr("opacity",0.01) // .transition() // .attr("xlink:href",eighth_pic) // .transition() // .duration(1000) // .attr("opacity",1) return svg.node(); } // svg.append("text") // .attr("id", 'title') // .attr("x",115) // .attr("y", 245) // .style("font", "28px Lato") // .style("font-weight",'bold') // .text("1905 Kanchenjunga expedition"); // const second_detail = svg.append("div") // .html('1921 Mount Everest' + '
' + ' Expedition') // const details = svg.append("text") // .attr("width", 20) // .attr("id", 'details') // .attr("x",115) // .attr("y", 275) // .style("font", "14px Lato") // .text("was a Himalayan mountaineering expedition aimed to climb to the summit of Kanchenjunga") // const details_second = details.append('tspan') // .attr('x', 115) // .attr('dy', '15') // .text("which would ultimately only be achieved in 1955") // const details_third = details.append('tspan') // .attr('x', 115) // .attr('dy', '15') // .text("Four members of this expedition died") // const details = svg.append("text") // .attr("id", 'details') // .attr("x",115) // .attr("y", 275) // .style("font", "14px Lato") // .text("was a Himalayan mountaineering expedition aimed to climb to the summit of Kanchenjunga which would ultimately only be achieved in 1955. Four members of this expedition died ") // .call(wrap3);4a:T1359,annotations = [ // { // note: { // label: "Basic settings // with subject position(x,y) and a note offset(dx, dy)", // wrap: 10, // try something smaller to see text split in several lines // padding: 10, // More = text lower // title: "d3.annotationLabel" // }, // x: 100, // y: 100, // dy: 100, // dx: 100 // } // , // { // note: { // label: "Longer text to show text wrapping", // bgPadding: 40, // title: "Annotations :)" // }, // //can use x, y directly instead of data // data: { date: "18-Sep-09", close: 185.02 }, // className: "show-bg", // dy: 137, // dx: 162 // }, // { // note: { // label: "Added connector end 'arrow', note wrap '180', and note align 'left'",bgPadding: 80, // title: "d3.annotationLabel", // wrap: 50, // align: "left" // }, // connector: { // end: "arrow" // 'dot' also available // }, // x: 100, // y: 150, // dy: 200, // dx: 110 // }, { note: { // label: "Changed connector type to 'curve'", title: "1905 Kanchenjunga expedition", // wrap: 50, // padding: 40 // padding : {'left' : 80, 'top' : 80}, }, connector: { end: "dot", type: "curve", //can also add a curve type, e.g. curve: d3.curveStep points: [[20, -15],[60, -30]] }, x: 40, y: 469, dy: -70, dx: 80, className: "first" }, { note: { // label: "Changed connector type to 'curve'", title: "2015 Nepal Earthquake", wrap: 50 }, type: d3_annotation.annotationCalloutCircle, connector: { end: "dot", type: "curve", //can also add a curve type, e.g. curve: d3.curveStep points: [[-50, 50]] }, subject: { radius: 40 }, x: 1107.87, y: 320, dy: 100, dx: -138, className: "sixth" }, { note: { // label: "Changed connector type to 'curve'", title: "1921 First attempt to climb Mount Everest", wrap: 50 }, connector: { end: "dot", type: "curve", //can also add a curve type, e.g. curve: d3.curveStep points: [[30, -15],[70, -40]] }, x: 195.32, y: 469, dy: -90, dx: 80, className: "second" }, { note: { // label: "Changed connector type to 'curve'", title: "Nepali government permits for Himalayan expeditions", wrap: 50 }, connector: { end: "dot", type: "curve", //can also add a curve type, e.g. curve: d3.curveStep points: [[-100, -30],[-440,-100]] }, x: 1010.79, y: 138, dy: -100, dx: -405, className: "fifth" } , { note: { // label: "Changed connector type to 'curve'", title: "1953 British Mount Everest expedition", wrap: 50 }, connector: { end: "dot", type: "curve", //can also add a curve type, e.g. curve: d3.curveStep points: [[-10, -20]] }, x: 505.98, y: 437, dy: -25, dx: -30, className: "third" }, { note: { // label: "Changed connector type to 'curve'", title: "1967 Sino-India War regarding disputed Himalayan boarder", wrap: 50 }, connector: { end: "dot", type: "curve", //can also add a curve type, e.g. curve: d3.curveStep points: [[10, -50]] }, x: 641.89, y: 464, dy: -200, dx: 30, className: "fourth" } // , // { // //below in makeAnnotations has type set to d3.annotationLabel // //you can add this type value below to override that default // type: d3_annotation.annotationCalloutCircle, // note: { // // label: "A different annotation type", // title: "Another title", // wrap: 50 // }, // //settings for the subject, in this case the circle radius // subject: { // radius: 50 // }, // x: 200, // y: 200, // dy: 200, // dx: 200 // } ].map(function(d){ d.color = "#E8336D"; return d})4b:[{"id":"c529e9974a5dae950b78f14412d94fd9beb0d41c90c2b7900343f00a22511d4972bf63d53bd9355bb8ade766439d2f42bd1094b6f597cbaf7188355b888a7ef0","href":"https://static.observableusercontent.com/files/c529e9974a5dae950b78f14412d94fd9beb0d41c90c2b7900343f00a22511d4972bf63d53bd9355bb8ade766439d2f42bd1094b6f597cbaf7188355b888a7ef0","name":"2.png","type":"image/png","lastModified":1678376112825.114,"size":133936},{"id":"ed8373769bba9f7a9bc2da0ee06f40973977aab77be251f1326e8af52f8f6d402f07ce4e98ea3141a298e773d3836ca26130b687f699e594d0f8dad4c613d97c","href":"https://static.observableusercontent.com/files/ed8373769bba9f7a9bc2da0ee06f40973977aab77be251f1326e8af52f8f6d402f07ce4e98ea3141a298e773d3836ca26130b687f699e594d0f8dad4c613d97c","name":"3.png","type":"image/png","lastModified":1678376112825.114,"size":149439},{"id":"5452042ad5f291751bdca3ffee598b84083b98e89d3c31d4776a395040676d31d40e9617b6d29e3d9a1b2d61808a14a3145bef0ac295b07fc4e9f0b2106b1e76","href":"https://static.observableusercontent.com/files/5452042ad5f291751bdca3ffee598b84083b98e89d3c31d4776a395040676d31d40e9617b6d29e3d9a1b2d61808a14a3145bef0ac295b07fc4e9f0b2106b1e76","name":"4.png","type":"image/png","lastModified":1678376112825.114,"size":139244},{"id":"b0d8d2736c5b3eceebee8116aa381471b8ed09df6947f013756b6972741e61f8cbf4acba1deaab5e9b8483973c6c00a0ed29462dac56a3267f7da3787bb385d1","href":"https://static.observableusercontent.com/files/b0d8d2736c5b3eceebee8116aa381471b8ed09df6947f013756b6972741e61f8cbf4acba1deaab5e9b8483973c6c00a0ed29462dac56a3267f7da3787bb385d1","name":"5.png","type":"image/png","lastModified":1678376112825.114,"size":153116},{"id":"3fc904cefb7dcc531f64e3511f9e1884ef8bf5c1e6213fb9795bfe21c0f740f95620890b64525846b1f9f6b7e082de0a5110e676e2a60114dfccad2a548ad583","href":"https://static.observableusercontent.com/files/3fc904cefb7dcc531f64e3511f9e1884ef8bf5c1e6213fb9795bfe21c0f740f95620890b64525846b1f9f6b7e082de0a5110e676e2a60114dfccad2a548ad583","name":"6.png","type":"image/png","lastModified":1678376112825.114,"size":143206},{"id":"fa2c15a5242eec77bd7986d1c8358587779e2357cafb0215680eef130bf3d99ae5cd5dfe5bf39dd17de7407c2ea61f37a8462f550182b1cf3e0637af8ab6102c","href":"https://static.observableusercontent.com/files/fa2c15a5242eec77bd7986d1c8358587779e2357cafb0215680eef130bf3d99ae5cd5dfe5bf39dd17de7407c2ea61f37a8462f550182b1cf3e0637af8ab6102c","name":"7.png","type":"image/png","lastModified":1678376112825.114,"size":192776},{"id":"9a35d88180e638eeb26876ad56950a336a61d913fa479e9e2f09c72a2131bf05033c9f9a2bf6ae4e68eb71a4d0087e1caddf0fa8952bae5cdd2b4d1c2c59d365","href":"https://static.observableusercontent.com/files/9a35d88180e638eeb26876ad56950a336a61d913fa479e9e2f09c72a2131bf05033c9f9a2bf6ae4e68eb71a4d0087e1caddf0fa8952bae5cdd2b4d1c2c59d365","name":"8.png","type":"image/png","lastModified":1678376112825.114,"size":233659},{"id":"7dddf4364474b6b806bae14d4f26919d6f67bc7fdecf9ad42d4dbebb2002f8dbbfd148f491c62fddf04c119526e45272228b951fbbed117052b9e0e1678388ac","href":"https://static.observableusercontent.com/files/7dddf4364474b6b806bae14d4f26919d6f67bc7fdecf9ad42d4dbebb2002f8dbbfd148f491c62fddf04c119526e45272228b951fbbed117052b9e0e1678388ac","name":"1.png","type":"image/png","lastModified":1678376112825.114,"size":129088}] 29:{"id":"9cd245b8054d989b","slug":null,"title":"All Expeditions from 1905 to 2018","thumbnail":"41519f9337f8f9a3754fb3b3e1de86cd0cf5343bca6183d7f794c1f75e67e32c","access_level":"public","create_time":"$D2023-03-09T15:35:12.825Z","update_time":"$D2023-03-09T15:35:12.825Z","view_time":null,"first_public_time":"$D2023-03-09T15:35:12.825Z","has_unpublished_edits":null,"fork":{"id":"d265c6a7e575d0ea","slug":"himalayan-expeditions","title":"All Expeditions from 1905 to 2018","owner":{"id":"b0aa7ad705ba5b18","login":"khalilsam","name":"Khalil Samoud"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4d0f8e62a17d7634","login":"lining200","name":"lining","avatar_url":"https://avatars-next.observableusercontent.com/4b155f50f10a40a27f49a7e52daa9fa16b9c63c436c43e666d7249c0b6f1a573","tier":"starter_2024","bio":"","following":false},"version":1916,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6f8caafa00ec1a95","login":"lining200","name":"lining","avatar_url":"https://avatars-next.observableusercontent.com/4b155f50f10a40a27f49a7e52daa9fa16b9c63c436c43e666d7249c0b6f1a573","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"6f8caafa00ec1a95","login":"lining200","name":"lining","avatar_url":"https://avatars-next.observableusercontent.com/4b155f50f10a40a27f49a7e52daa9fa16b9c63c436c43e666d7249c0b6f1a573","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"All Expeditions from 1905 to 2018","cells":[{"id":1161,"value":"# All Expeditions from 1905 to 2018","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1108,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1769,"value":"second_pic = FileAttachment(\"2.png\").url();\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1774,"value":"third_pic = FileAttachment(\"3.png\").url();\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"fourth_pic = FileAttachment(\"4.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1782,"value":"fifth_pic = FileAttachment(\"5.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1786,"value":"sixth_pic = FileAttachment(\"6.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1790,"value":"seventh_pic = FileAttachment(\"7.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1904,"value":"eighth_pic = FileAttachment(\"8.png\").url();\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1844,"value":"// chart3 = {\n// const svg = d3.select(DOM.svg(width, height));\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"Structure of the Data:\n- 3 CSV Files:\n - **members:**\n Information about specific climbers i.e. age, sex, citizenship w/ data about their climb(s)\n - **expeditions:**\n Information about specific expeditions i.e. season, members, termination date, termination reason, etc.\n - **peaks:**\n Information about specific mountain peaks in the Himalayas i.e. peak name, first ascent year, height, etc.\n\n- Data Variables:\n - **members (21 variables):**\n\n ${memberKeys.join(\", \")}\n - **expeditions (16 variables):**\n\n ${expeditionKeys.join(\", \")}\n - **peaks (8 variables):**\n\n ${peakKeys.join(\", \")}\n\n- Data Type:\n - All data is stored as strings, so depending on the graphical representation, we'll need to convert some numbers from string to int, floats, or dates","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":0,"value":"# Himalayan Expeditions\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":776,"value":"viewof search = Inputs.search(peaks, {placeholder: \"Search for peaks\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"Inputs.table(search)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":786,"value":"viewof search2 = Inputs.search(members, {placeholder: \"Search for members\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":788,"value":"// Inputs.table(search2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":792,"value":"viewof search3 = Inputs.search(expeditions, {placeholder: \"Search for expeditions\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":794,"value":"// Inputs.table(search3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"// Plot.plot({\n// marks: [\n// Plot.barY(members, {x: \"season\", y: \"age\"})\n// ]\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"expeditions = d3.csv('https://raw.githubusercontent.com/rfordatascience/tidytuesday/master/data/2020/2020-09-22/expeditions.csv'); \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"memberKeys = Object.keys(members[0]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"memberDataTypes = Object.values(members[0]).map(d => typeof(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"expeditionKeys = Object.keys(expeditions[0]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"expeditionDataTypes = Object.values(expeditions[0]).map(d => typeof(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"peakKeys = Object.keys(peaks[0]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"peakDataTypes = Object.values(peaks[0]).map(d => typeof(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"members = d3.csv(\"https://raw.githubusercontent.com/rfordatascience/tidytuesday/master/data/2020/2020-09-22/members.csv\");\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"peaks = d3.csv('https://raw.githubusercontent.com/rfordatascience/tidytuesday/master/data/2020/2020-09-22/peaks.csv');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"peaks_years = peaks.map(p => p.first_ascent_year);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":761,"value":"countries_members = members.map(m => m.citizenship)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"peaks.filter(a => a.first_ascent_year == 201)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"countries_list = new Set( members.map(m => m.citizenship))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":755,"value":"{let countries_count = {};\n for (let c=0; c < countries_members.length ; c++){\n if (countries_members[c] in countries_count) {\n countries_count[countries_members[c]] += 1;\n }\n else {\n countries_count[countries_members[c]] = 1\n }\n }\n return countries_count}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"{ \n let peaks_years_count = {};\n for (let p=0; p < peaks_years.length ; p++){\nif (peaks_years[p] in peaks_years_count){\npeaks_years_count[peaks_years[p]] += 1;\n}\nelse {\n peaks_years_count[peaks_years[p]] = 1;\n} \n}\nreturn peaks_years_count}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":723,"value":"Things I can add\n- Peaks heights (can be ordered by height, expedition years...)\n- Countries of people who had explorers\n- Top 10 peaks by year (bar chart race)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":542,"value":"### First Ascent Year vs Peak Height","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":126,"value":"Plot.plot({\n width,\n marks: [\n Plot.dot(peaks.filter(d => {\n if (d.first_ascent_year == \"NA\") {\n return false;\n }\n d.first_ascent_year = parseFloat(d.first_ascent_year);\n if (d.first_ascent_year < 500) {\n return false;\n }\n d.height_metres = parseFloat(d.height_metres);\n return true;\n }), {x: \"first_ascent_year\", y: \"height_metres\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"age_data = {\n const ages = members.map(m => parseInt(m.age))\n let age_counts = [];\n for (let i = 0; i < 100; i++) {\n age_counts[i] = 0;\n }\n ages.forEach(m => {\n age_counts[m] += 1;\n });\n const age_data = [];\n for (let i = 10; i < 80; i++) {\n age_data.push({age:i, freq:age_counts[i]});\n }\n return age_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"## Age of Expedition Members","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":347,"value":"Plot.plot({\n width,\n marks: [\n Plot.barY(age_data, {x: \"age\", y: \"freq\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"stacked_age_data = {\n const death_counts = [];\n const injury_counts = [];\n const none_counts = [];\n\n for (let i = 0; i < 100; i++) {\n death_counts[i] = 0;\n injury_counts[i] = 0;\n none_counts[i] = 0;\n }\n\n members.forEach(m => {\n let age = parseInt(m.age);\n if (m.died == \"TRUE\") {\n death_counts[age] += 1;\n } else if (m.injured == \"TRUE\") {\n injury_counts[age] += 1;\n } else {\n none_counts[age] += 1;\n }\n });\n\n const stacked_age_data = [];\n for (let i = 10; i < 80; i++) {\n stacked_age_data.push({age:i, died:death_counts[i], injured: injury_counts[i], none:none_counts[i]});\n }\n return stacked_age_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"types = [\"died\", \"injured\", \"none\"];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"flat_map = types.flatMap(type => stacked_age_data.map(d => ({age: d.age, type, freq: d[type]})))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"## Age of Expedition Members w/ status","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":377,"value":"Plot.plot({\n width,\n y: {tickFormat: \"s\"},\n color: {scheme: \"spectral\", domain: types, legend: true},\n marks: [\n Plot.barY(flat_map, {\n x: \"age\",\n y: \"freq\",\n fill: \"type\",\n // sort: {x: \"y\", reverse: true}\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"termination_reason_id = [\"Unknown\", \"Success (main peak)\", \"Success (subpeak)\", \"Success (claimed)\", \"Bad weather (storms, high winds)\", \"Bad conditions (deep snow, avalanching, falling ice, or rock)\", \"Accident (death or serious injury)\", \"Illness, AMS, exhaustion, or frostbite\", \"Lack (or loss) of supplies or equipment\", \"Lack of time\", \"Route technically too difficult, lack of experience, strength, or motivation\", \"Did not reach base camp\", \"Did not attempt climb\", \"Attempt rumoured\", \"Other\"];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"stacked_termination_data = {\n const tr_counts = {};\n\n expeditions.forEach( e => {\n const year = parseInt(e.year);\n\n if (!(year in tr_counts)) {\n tr_counts[year] = {};\n for (let i = 0; i < termination_reason_id.length; i++) {\n tr_counts[year][termination_reason_id[i]] = 0\n }\n }\n\n tr_counts[year][e.termination_reason] += 1;\n });\n\n const stacked_termination_data = []\n for (const [year, value] of Object.entries(tr_counts)) {\n termination_reason_id.forEach(tr => {\n let entry = {year: year, tr: tr, count: value[tr]};\n stacked_termination_data.push(entry);\n }); \n }\n \n return stacked_termination_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"## Expeditions over time w/ termination reason","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":443,"value":"stacked_termination_chart = Plot.plot({\n width,\n y: {tickFormat: \"s\"},\n color: {\n legend: true,\n scheme: \"spectral\", \n domain: termination_reason_id},\n marks: [\n Plot.barY(stacked_termination_data, {\n x: \"year\",\n y: \"count\",\n fill: \"tr\",\n // sort: {x: \"y\", reverse: true}\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"seasons = [\"Unknown\", \"Spring\", \"Summer\", \"Autumn\", \"Winter\"];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"stacked_season_data = {\n const data = members.filter(m => m.peak_id == \"EVER\" && parseInt(m.age));\n\n const season_counts = {};\n data.forEach(e => {\n if (!(e.age in season_counts)) {\n season_counts[e.age] = {};\n seasons.forEach(s => {\n season_counts[e.age][s] = 0\n });\n }\n season_counts[e.age][e.season] += 1;\n });\n\n const stacked_season_data = [];\n for (const [age, value] of Object.entries(season_counts)) {\n seasons.forEach(s => {\n let entry = {age: age, season: s, count: value[s]};\n stacked_season_data.push(entry);\n });\n }\n\n return stacked_season_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"## Member Age by Season (Everest)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":581,"value":"Plot.plot({\n width,\n y: {tickFormat: \"s\"},\n color: {\n legend: true,\n scheme: \"spectral\", \n domain: seasons},\n marks: [\n Plot.barY(stacked_season_data, {\n x: \"age\",\n y: \"count\",\n fill: \"season\",\n // sort: {x: \"y\", reverse: true}\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"The dropoff after age 50 is pretty funny. Pretty clear trend that mostly young people go in winter, and old people basically only go in spring.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":627,"value":"specific = expeditions.filter(e => e.year == \"2010\").map(e => \n { return {members: parseInt(e.members), \n start_date: new Date(Date.parse(e.basecamp_date)),\n end_date: Date.parse(e.termination_date),\n high_date: Date.parse(e.highpoint_date),\n high_point: parseFloat(e.highpoint_metres),\n oxygen: e.oxygen_used == \"TRUE\" ? \"OXYGEN USED\" : \"NO OXYGEN USED\",\n tr: e.termination_reason\n }\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"## 2010, start date vs expedition size","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":613,"value":"Plot.plot({\n width,\n color: {\n legend: true,\n scheme: \"paired\"\n },\n marks: [\n Plot.dot(specific, {x: \"start_date\", y: \"members\", fill: \"oxygen\", r: 5})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"## Mockup scatterplots (2010, 2000, 1990, 1980, 1970)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":894,"value":"Plot.plot({\n width,\n color: {\n legend: true,\n scheme: \"spectral\"\n },\n x: {\n domain: [new Date(\"2010-01-01\"), new Date(\"2011-01-15\")]\n },\n y: {\n domain: [5000, 9000]\n },\n marks: [\n Plot.dot(expeditions.filter(e => e.year == \"2010\"), {\n x: d => new Date(Date.parse(d.basecamp_date)), \n y: d => parseFloat(d.highpoint_metres), \n fill: d => d.termination_reason, \n r: d => parseInt(d.members)\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"Plot.plot({\n width,\n color: {\n legend: true,\n scheme: \"spectral\"\n },\n x: {\n domain: [new Date(\"2000-01-01\"), new Date(\"2001-01-15\")]\n },\n y: {\n domain: [5000, 9000]\n },\n marks: [\n Plot.dot(expeditions.filter(e => e.year == \"2000\"), {\n x: d => new Date(Date.parse(d.basecamp_date)), \n y: d => parseFloat(d.highpoint_metres), \n fill: d => d.termination_reason, \n r: d => parseInt(d.members)\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":911,"value":"Plot.plot({\n width,\n color: {\n legend: true,\n scheme: \"spectral\"\n },\n x: {\n domain: [new Date(\"1990-01-01\"), new Date(\"1991-01-15\")]\n },\n y: {\n domain: [5000, 9000]\n },\n marks: [\n Plot.dot(expeditions.filter(e => e.year == \"1990\"), {\n x: d => new Date(Date.parse(d.basecamp_date)), \n y: d => parseFloat(d.highpoint_metres), \n fill: d => d.termination_reason, \n r: d => parseInt(d.members)\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"Plot.plot({\n width,\n color: {\n legend: true,\n scheme: \"spectral\"\n },\n x: {\n domain: [new Date(\"1980-01-01\"), new Date(\"1981-01-15\")]\n },\n y: {\n domain: [5000, 9000]\n },\n marks: [\n Plot.dot(expeditions.filter(e => e.year == \"1980\"), {\n x: d => new Date(Date.parse(d.basecamp_date)), \n y: d => parseFloat(d.highpoint_metres), \n fill: d => d.termination_reason, \n r: d => parseInt(d.members)\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"Plot.plot({\n width,\n color: {\n legend: true,\n scheme: \"spectral\"\n },\n x: {\n domain: [new Date(\"1970-01-01\"), new Date(\"1971-01-15\")]\n },\n y: {\n domain: [5000, 9000]\n },\n marks: [\n Plot.dot(expeditions.filter(e => e.year == \"1970\"), {\n x: d => new Date(Date.parse(d.basecamp_date)), \n y: d => parseFloat(d.highpoint_metres), \n fill: d => d.termination_reason, \n r: d => parseInt(d.members)\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1033,"value":"# Final Visualization","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1042,"value":"expedition_years = expeditions.filter(p => p.termination_reason != \"Other\").map(p => p.year);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1048,"value":"years_dict = { \n let expedition_years_count = {};\n for (let p=0; p < expedition_years.length ; p++)\n {\nif (expedition_years[p] in expedition_years_count){\nexpedition_years_count[expedition_years[p]] += 1;\n}\nelse {\n expedition_years_count[expedition_years[p]] = 1;\n} \n}\nreturn expedition_years_count\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1094,"value":"set_exp_y = Object.keys(years_dict)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1057,"value":"data = { let d = [];\n for (let c=0; c < set_exp_y.length - 1; c++) {\n let result = {'year' : parseInt(set_exp_y[c]), 'count' : years_dict[set_exp_y[c]]};\n d.push(result);\n}\n return d}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1014,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1028,"value":"margin = ({top:20, right:15, bottom:30, left:40})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1026,"value":"x = d3.scaleLinear()\n // .domain(d3.extent(data, d => d.year))\n .domain([1905, 2018])\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1024,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(data, d=> d.count)]).nice()\n .range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1022,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(width / 40).tickSizeOuter(0).tickFormat(function(d) { return parseInt(d, 10)}));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1020,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\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(data.y))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1016,"value":"function transition(path) {\n path.transition()\n .duration(50000)\n .attrTween(\"stroke-dasharray\", tweenDash)\n .on(\"end\", () => { d3.select(this).call(transition); });\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1543,"value":"function transition2(path) { path.transition()\n .call(wrap2)\n .on(\"end\", () => { d3.select(this).call(wrap2); });\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1546,"value":"wrap2 = d3_wrap.textwrap().bounds({height: 480, width: 400});\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1018,"value":"line = d3.line()\n .defined(d => !isNaN(d.count))\n .x(d => x(d.year))\n .y(d => y(d.count))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1188,"value":"makeAnnotations = d3_annotation\n .annotation()\n .type(d3_annotation.annotationLabel)\n .editMode(false)\n // .notePadding(30)\n .annotations(annotations)\n\n\n ;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1193,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1105,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1518,"value":"d3_wrap = require('d3-textwrap')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1182,"value":"d3_annotation = require(\"https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.3.0/d3-annotation.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1276,"value":"x(1953)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1283,"value":"y(33)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1302,"value":"delay1 = d3.select(\".annotation-group\")\n // .attr('opacity' , '0')\n // .transition()\n // .duration(5000)\n .style('opacity',0.5)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1281,"value":"data","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1766,"value":"first_pic = FileAttachment(\"1.png\").url();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1185,"value":"html`\n \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null