31:T10ab,function stratColumn() { if (strat.success.data.length == 0) { return "No stratigraphy info available at this location"; } const svg = d3 .create("svg") .attr("width", 800) .attr("height", 1010 + 10); var displayedSections = numSections; var h, lithw, environw, posTop, lithPosLeft, environPosLeft, sectionAgeRange, lithId, lithFill, lithPattern, environId, environFill, patternId; var totalAgeRange = strat_clipped[displayedSections - 1].b_age - strat.success.data[0].t_age; var pixelsPerMilYrs = 1010 / totalAgeRange; for (var j = 0; j < displayedSections; j++) { //This loops through age sections lithPosLeft = 250; // First box of each section is aligned left //environPosLeft=520; sectionAgeRange = strat.success.data[j].b_age - strat.success.data[j].t_age; h = sectionAgeRange * pixelsPerMilYrs; //height of section posTop = (strat.success.data[j].t_age - strat.success.data[0].t_age) * pixelsPerMilYrs; for (var k = 0; k < lithsPerSection[j]; k++) { //This loops through all the rock types in each section lithId = strat.success.data[j].lith[k].lith_id; lithFill = lith.success.data.find(({ lith_id }) => lith_id === lithId) .color; // d3.image( // "https://cors-anywhere.herokuapp.com/https://davenquinn.com/projects/geologic-patterns/assets/png/" + // lith.success.data.find(({ lith_id }) => lith_id === lithId).fill + // ".png", // { crossOrigin: "anonymous" } //); //lithPattern = "https://cors-anywhere.herokuapp.com/https://davenquinn.com/projects/geologic-patterns/assets/png/"+lith.success.data.find( ({ lith_id }) => lith_id === lithId ).fill+".png"; lithPattern = "https://davenquinn.com/projects/geologic-patterns/assets/png/" + lith.success.data.find(({ lith_id }) => lith_id === lithId).fill + ".png"; if ( lith.success.data.find(({ lith_id }) => lith_id === lithId).fill == 0 ) { lithPattern = ""; } //lithPattern = lithWithPatterns.success.data.find( // ({ lith_id }) => lith_id === lithId //).pattern; patternId = "dQPattern_" + j + "_" + k; lithw = 200 * strat.success.data[j].lith[k].prop; svg.append("g"); svg .append("rect") //Add rectangles with a solid color fill .attr("x", lithPosLeft) .attr("y", posTop) .attr("width", lithw) .attr("height", h) .style("fill", lithFill); svg .append("defs") //Define a pattern to add to each retangle .append("pattern") .attr('id', patternId) .attr("patternUnits", "userSpaceOnUse") .attr("width", 100) .attr("height", 100) .append("image") .attr("x", 0) .attr("y", 0) .attr("width", 100) .attr("height", 100) .attr("xlink:href", lithPattern); svg .append("rect") //Add rectangles with the pattern fill .attr("x", lithPosLeft) .attr("y", posTop) .attr("width", lithw) .attr("height", h) .style("fill", "url(#" + patternId + ")") .append("title") .text(strat.success.data[j].lith[k].name); //Show rock type on mouseover lithPosLeft = lithPosLeft + lithw; } svg.node().append(verticalAxis); /*This is commented out for now because depositional environment is not defined for all sections for (var l=0; l environ_id === environId ).color; environw=200*strat.success.data[j].environ[l].prop; svg.append("g") .style("stroke", "black") .append("rect") .attr("x", environPosLeft) .attr("y", posTop) .attr("width", environw) .attr("height", h) .style("fill", environFill) .append("title") .text(strat.success.data[j].environ[l].name); environPosLeft=environPosLeft+environw; }*/ } return svg.node(); }32:Tb08,function play(strat,unit_order_starting_from_top) { if ('speechSynthesis' in window) { let top_strat = strat.success.data[unit_order_starting_from_top] let intro_message = "" if (unit_order_starting_from_top == 0){ intro_message = "The following is about the top unit present at this location." } if (unit_order_starting_from_top == 1){ intro_message = "The following is about the second from the top unit present at this location." } //// INTRO let intro = new SpeechSynthesisUtterance(intro_message); window.speechSynthesis.speak(intro); //// How many lithologies let names_of_lith = [] let highest_prop_lith = {"lith":"there's a problem in the code","prop":0} //// let names_of_environ = [] let highest_prop_environ = {"environ":"there's a problem in the code","prop":0} for (let i = 0; i < top_strat.lith.length; i++) { if (top_strat.lith[i].prop >= highest_prop_lith.prop){ highest_prop_lith.lith = top_strat.lith[i].name highest_prop_lith.prop = top_strat.lith[i].prop } names_of_lith.push(top_strat.lith[i].name) } for (let i = 0; i < top_strat.environ.length; i++) { if (top_strat.environ[i].prop >= highest_prop_environ.prop){ highest_prop_environ.environ = top_strat.environ[i].name highest_prop_environ.prop = top_strat.environ[i].prop } names_of_environ.push(top_strat.environ[i].name) } let length_of_lithos = top_strat.lith.length let working = new SpeechSynthesisUtterance("This unit has "+top_strat.lith.length+" lithologies."); window.speechSynthesis.speak(working); // AGE let workingAge = new SpeechSynthesisUtterance("The unit's age is between "+Math.round(top_strat.t_age)+" and "+Math.round(top_strat.b_age)+" million of years old."); window.speechSynthesis.speak(workingAge); // THICKNESS let working4 = new SpeechSynthesisUtterance("The max thickness of this unit near this location is "+ Math.round(top_strat.max_thick)+"."); window.speechSynthesis.speak(working4); // Lithologies let working_common_lith = new SpeechSynthesisUtterance("The most common lithology at "+Math.round(highest_prop_lith.prop*100)+ " percent of this unit is "+highest_prop_lith.lith+ ". Other lithologies include, "+names_of_lith.toString()); window.speechSynthesis.speak(working_common_lith); // ENVIRONMENT let working_common_environ = new SpeechSynthesisUtterance("The most common depositional environment at "+Math.round(highest_prop_environ.prop*100)+ " percent of this unit is "+highest_prop_environ.environ+ ". Other lithologies include, "+names_of_environ.toString()); window.speechSynthesis.speak(working_common_environ); } else{ document.write("Browser not supported") } } 33:[] 2f:{"title":"Stratigraphy Speech","cells":[{"id":1320,"value":"md `# Stratigraphy Speech`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1018,"value":"viewof loc = {\n const form = html`