2d:null 2e:["$","title",null,{"children":"Icewind Dale | Joakim Dalen | Observable"}] 33:T45c2,chart={ ///Creating the canvas const svg=d3.select(DOM.svg(margin.leftC1+margin.leftC2+margin.leftC3+margin.leftC4+plot.widthC1+plot.widthC2+plot.widthC3+plot.widthC4+margin.right, plot.height+margin.top+margin.bottom)); //Embedding font// //write api for font in browser //in this case fromFrom https://fonts.googleapis.com/css?family=Alfa%20Slab%20One, //pick the url under `/* latin */` svg .call(addWebFont, 'ewert', 'https://fonts.gstatic.com/s/tillana/v6/VuJxdNvf35P4qJ1OSKHdOQ.woff2') //linear gradient på bakgrunnen var linearGradient = svg.append("defs") .append("linearGradient") .attr("id", "linear-gradient") .attr("gradientTransform", "rotate(90)") .attr("spreadMethod", "reflect "); linearGradient.append("stop") .attr("offset", "0%") .attr("stop-color", "whitesmoke"); linearGradient.append("stop") .attr("offset", "80%") .attr("stop-color", "#DCDCDC"); linearGradient.append("stop") .attr("offset", "100%") .attr("stop-color", 'whitesmoke'); const defs = svg.append("defs") //Bakgrunnen svg.append("rect") .attr("width", "100%") .attr("height", "100%") .attr("fill", 'url(#linear-gradient'); /////headline 1 svg.append("text") .attr("class", "Overskrift") .attr("transform", "translate("+ (cleft.C1CM2) +","+(rTop.R1)+")") .text('Icewind Dale') .style("font", ""+ textSize.mainHeader+"px 'ewert'") .style("fill", 'black') .style('text-anchor','start') .style("font-weight", "800"); /////headline 1 svg.append("text") .attr("class", "Overskrift") .attr("transform", "translate("+ (cleft.C1CM2) +","+(margin.top-30)+")") .text('NPCs by their last known location') .style("font", ""+ textSize.header+"px 'ewert'") .style("fill", 'black') .style('text-anchor','start') .style("font-weight", "600"); /////headline 2 svg.append("text") .attr("class", "Overskrift") .attr("transform", "translate("+ (cleft.C3)+","+(margin.top-30)+")") .text('Locations') .style("font", ""+ textSize.header+"px 'ewert'") .style("fill", 'black') .style('text-anchor','start') .style("font-weight", "600"); /////headline 3 svg.append("text") .attr("class", "Overskrift") .attr("transform", "translate("+ (cleft.C4) +","+(margin.top-30)+")") .text('Tasks and storylines') .style("font", ""+ textSize.header+"px 'ewert'") .style("fill", 'black') .style('text-anchor','start') .style("font-weight", "600") svg.append('g') .selectAll('.Location1') .data(data) .enter() .append('text') .attr('x',function(d){return cleft.C1CM2}) .attr('y',function(d){return margin.top+(yScale(d.First_Name))+r}) .style('text-anchor','Start') .text(function(d){return d.Location1}) .style("font", ""+ textSize.location1+"px 'ewert'") .attr('class','Location1') .style("fill", function(d){ return "text_fill"}) .style("opacity",0.8) .style("font-weight", "400") .style("opacity", function(d){if(d.Location1_nr==1) { return 1} else { return 0}}) svg.append('g') .selectAll('.Location2') .data(data) .enter() .append('text') .attr('y',function(d){return margin.top+(yScale(d.First_Name))+r}) .attr('x',function(d){return cleft.C1CM1 }) .style('text-anchor','Start') .text(function(d){return d.Location2}) .style("font", ""+ textSize.location2+"px 'ewert'") .attr('class','Location2') .style("fill", function(d){ return "text_fill"}) .style("opacity", function(d){if(d.Location2_nr==1) { return 1} else { return 0}}) .style("font-weight", "400") /// svg.append('g') .selectAll('circle') .data(data) .enter() .append('circle') .attr('cy',function(d){return margin.top+(yScale(d.First_Name))} ) .attr('cx',function(d,i) {return margin.leftC1}) .attr('r',r*1.3) .attr('class','circle_main circle_s1') .style("fill", function(d){if(d.Quest_giver==1) { return color.q} else { return "#af4474"}}) .style("opacity", function(d){if(d.Quest_giver==1) { return 1} else { return 0}}) svg.call(tip); svg.append('g') .selectAll('circle') .data(data) .enter() .append('circle') .attr('cy',function(d){return margin.top+(yScale(d.First_Name))} ) .attr('cx',function(d,i) {return margin.leftC1}) .attr('r',r) .attr('class','circle_main circle_s2') .style("fill", function(d){if(d.Column==1 & d.Deceased==0) { return color.g1} if(d.Column==2 & d.Deceased==0) { return color.g2} if(d.Column==3 & d.Deceased==0) { return color.g3} if(d.Deceased==1){ return color.g4} else { return color.g3}}) .style("opacity",1) svg.append('g') .selectAll('circle') .data(data) .enter() .append('circle') .attr('cy',function(d){return margin.top+(yScale(d.First_Name))} ) .attr('cx',function(d,i) {return margin.leftC1}) .attr('r',r/2) .attr('class','circle_main circle_s3') .style("fill", function(d){if(d.Quest_target==1) { return color.q} else { return "#af4474"}}) .style("opacity", function(d){if(d.Quest_target==1) { return 1} else { return 0}}) svg.append('g') .selectAll('circle') .data(data) .enter() .append('circle') .attr('cy',function(d){return margin.top+(yScale(d.First_Name))} ) .attr('cx',function(d,i) {return margin.leftC1}) .attr('r',r*2) .attr("class", function(d) { return " First_Name-" + d.First_Name+" circle_main circle_s4-"+d.First_Name }) .style("fill", function(d){if(d.Column==1 & d.Deceased==0) { return color.g1} if(d.Column==2 & d.Deceased==0) { return color.g2} if(d.Column==3 & d.Deceased==0) { return color.g3} if(d.Deceased==1){ return color.g4} else { return color.g3}}) .style("opacity",0) .on('mouseover', function(d) { // show the tooltip on mouse over tip.show(d, this); // when the bar is mouse-overed, we slightly decrease opacity of the bar. d3.select(this) // .style('opacity', 1) d3.selectAll(".First_Name-" + d.First_Name+".First_Name") .style("font-weight", "600") d3.selectAll(".Quest_giver-"+d.First_Name+ ".Quest") .style('opacity', 1) .style("font-weight", "600") .style('fill','whitesmoke') d3.selectAll(".Quest_target-"+d.First_Name+ ".Quest") .style('opacity', 1) .style("font-weight", "600") .style('fill','black') }) .on('mouseout', function(d) { // hide the tooltip on mouse out tip.hide(); d3.selectAll(".First_Name-" + d.First_Name+".circle_main") .style('opacity', 0) d3.selectAll(".First_Name-" + d.First_Name+".First_Name") .style("font-weight", "200") d3.selectAll(".Quest_giver-"+d.First_Name+ ".Quest") .style('opacity', 1) .style("font", "16px ") .style("font-weight", "200") .style('fill','black') d3.selectAll(".Quest_target-"+ d.First_Name+ ".Quest") .style('opacity', 1) .style("font", "16px ") .style("font-weight", "200") .style('fill','black') }); svg.append('g') .selectAll('.First_Name') .data(data) .enter() .append('text') .attr('y',function(d){return margin.top+(yScale(d.First_Name))+r}) .attr('x',function(d){return margin.leftC1+12}) .style('text-anchor','Start') .text(function(d){return d.First_Name+" "+d.Surname}) .style("font", ""+ textSize.name+"px 'ewert'") .attr("class", function(d) { return "Faction-"+d.Faction_id+" First_Name-" + d.First_Name+" First_Name Quest_giver-"+ d.First_Name+ " Quest_target-" + d.First_Name }) .style("fill", function(d){if(d.Deceased==0) { return "text_fill"} else { return color.dName}}) .style("font-weight", "200") .style('stroke-width',0.1) .on('mouseover', function(d) { // show the tooltip on mouse over tip.show(d, this); // when the bar is mouse-overed, we slightly decrease opacity of the bar. d3.select(this).style("cursor", "default") d3.selectAll(".First_Name-" + d.First_Name+".circle_main") .style('opacity', 1) d3.selectAll(".First_Name-" + d.First_Name+".First_Name") .style("font-weight", "600") d3.selectAll(".Quest_giver-"+d.First_Name+ ".Quest") .style('opacity', 1) .style("font-weight", "600") .style('fill','whitesmoke') d3.selectAll(".Quest_target-"+d.First_Name+ ".Quest") .style('opacity', 1) .style("font-weight", "600") .style('fill','white') }) .on('mouseout', function(d) { // hide the tooltip on mouse out tip.hide(); d3.selectAll(".First_Name-" + d.First_Name+".circle_main") .style('opacity', 0) d3.selectAll(".First_Name-" + d.First_Name+".First_Name") .style("font", ""+ textSize.name+"px 'ewert'") .style("font-weight", "200") d3.selectAll(".Quest_giver-"+d.First_Name+ ".Quest") .style('opacity', 1) .style("font-size", "16px ") .style("font-weight", "200") .style('fill','black') d3.selectAll(".Quest_target-"+ d.First_Name+ ".Quest") .style('opacity', 1) .style("font-size", "16px ") .style("font-weight", "200") .style('fill','black') }); //The horistontal line in the plot svg.append('g') .selectAll('.line') .data(data) .enter() .append("line") .style("stroke", "black") .attr('x1',function(d){return cleft.C1CM1}) .attr('y1',function(d){return margin.top+yScale(d.First_Name)-12+2}) .attr('x2',function(d){return margin.leftC1+plot.widthC1}) .attr('y2',function(d){return margin.top+yScale(d.First_Name)-12+2}) .attr('class',' hline') .style("opacity", function(d){if(d.Location2_nr==1) { return 0.7} else { return 0}}) .style("stroke-dasharray",2.5) .style('stroke-width',0.3) ; //The horistontal line in the plot svg.append('g') .selectAll('.line') .data(data) .enter() .append("line") .style("stroke", "black") .attr('x1',function(d){return cleft.C1CM2}) .attr('y1',function(d){return margin.top+yScale(d.First_Name)-10}) .attr('x2',function(d){return margin.leftC1+plot.widthC1+plot.widthC2}) .attr('y2',function(d){return margin.top+yScale(d.First_Name)-10}) .attr('class',' hline') .style("opacity", function(d){if(d.Location1_nr==1) { return 0.3} else { return 0}}) .style("stroke-dasharray",2.5) .style('stroke-width',0.6) ; //The lines boxing in factions svg.append("line") .style("stroke", "black") .attr('x1',function(d){return margin.leftC1+plot.widthC1+margin.leftC2}) .attr('y1',function(d){return margin.top-20}) .attr('x2',function(d){return margin.leftC1+plot.widthC1+margin.leftC2}) .attr("y2", function(){return margin.top+plot.height}) .attr('class','vline') .style("opacity",1) .style("stroke-dasharray",2.5) .style('stroke-width',0.5) ; svg.append("line") .style("stroke", "black") .attr('x1',function(d){return cleft.C4-margin.leftC4}) .attr('y1',function(d){return margin.top-20}) .attr('x2',function(d){return cleft.C4-margin.leftC4}) .attr("y2", function(){return margin.top+plot.height}) .attr('class',' vline') .style("opacity",1) .style("stroke-dasharray",2.5) .style('stroke-width',0.5) ; ////Legend svg.call(tip_main_location); svg.append('g') .selectAll('.Location_location_1') .data(location_data) .enter() .append('text') .attr('x',function(d){return cleft.C3}) .attr('y',function(d){return margin.top+(yScale_location(d.Location_name)+r)}) .style('text-anchor','Start') .text(function(d){return d.Location1}) .style("font", ""+ textSize.location1+"px 'ewert'") .attr("class", function(d) { return " Quest_location-" + d.Location_name+ " Location1" }) .style("font-weight", "200") .style("pointer-events", function(d){if(d.Location1_nr==1) { return 'auto'} else { return 'none'}}) .style("opacity", function(d){if(d.Location1_nr==1) { return 1} else { return 0}}) .on('mouseover', function(d) { // show the tooltip on mouse over tip_main_location.show(d, this); // when the bar is mouse-overed, we slightly decrease opacity of the bar. d3.select(this).style("cursor", "default") d3.select(this) .style("font-weight", "600") d3.selectAll(".Main_Quest_location-"+ d.Main_location_name +".Quest" ) .style("font-weight", "600") .style('fill','whitesmoke') }) .on('mouseout', function(d) { // hide the tooltip on mouse out tip_main_location.hide(); d3.select(this) .style("font-weight", "200") d3.selectAll(".Main_Quest_location-"+ d.Main_location_name +".Quest" ) .style("font-weight", "200") .style('fill','black') }); svg.call(tip_location); svg.append('g') .selectAll('.Location_location_2') .data(location_data) .enter() .append('text') .attr('x',function(d){return cleft.C3C2}) .attr('y',function(d){return margin.top+(yScale_location(d.Location_name))+r}) .style('text-anchor','Start') .text(function(d){return d.Location2}) .style("font", ""+ textSize.location2+"px 'ewert'") .attr("class", function(d) { return " Quest_location-" + d.Location_name+ " Location2" }) .style("opacity",1) .style("font-weight", "200") .on('mouseover', function(d) { // show the tooltip on mouse over d3.select(this).style("cursor", "default") tip_location.show(d, this); // when the bar is mouse-overed, we slightly decrease opacity of the bar. d3.select(this) .style("font-weight", "600") d3.selectAll(".Quest_location-" + d.Location_name+ ".Quest" ) .style("font-weight", "600") .style('fill','whitesmoke') }) .on('mouseout', function(d) { // hide the tooltip on mouse out tip_location.hide(); d3.select(this) .style("font-weight", "200") d3.selectAll(".Quest_location-" + d.Location_name+ ".Quest" ) .style("font-weight", "200") .style('fill','black') }); svg.call(tip_quests) svg.append('g') .selectAll('.quest') .data(Quest_data) .enter() .append('text') .attr('x',function(d){return cleft.C4}) .attr('y',function(d){return margin.top+20*(d.Row-1)}) .style('text-anchor','Start') .text(function(d){return d.Quest}) .style("font", ""+ textSize.quest+"px 'ewert'") .style("fill", function(d){ return "text_fill"}) .style("opacity",1) .style("font-weight", "200") .attr("class", function(d) { return " Quest_location-" + d.Location_name +" Main_Quest_location-"+ d.Main_location_name+ " Quest_giver-"+d.quest_giver+" Quest_target-"+d.quest_target+" Quest" }) .style("text-decoration", function(d){if(d.Completed==0) { return 'none'} else { return 'line-through'}}) .on('mouseover', function(d) { d3.select(this).style("cursor", "default") // show the tooltip on mouse over tip_quests.show(d, this); // when the bar is mouse-overed, we slightly decrease opacity of the bar. d3.selectAll(".Quest_giver-" + d.Quest_giver+ ".First_Name") .style('opacity', 1) .style("font-weight", "700") .style('fill','black') d3.select(this) .style('opacity', 1) .style("font-weight", "700") d3.selectAll(".Quest_target-" + d.Quest_target+".First_Name" ) .style('opacity', 1) .style("font-weight", "700") .style('fill','black') d3.selectAll(".Quest_location-" + d.Location_name+ ".Location2" ) .style("font-weight", "70") .style('fill','black') d3.selectAll(".Quest_location-" + d.Location_name+ ".Location1" ) .style("font-weight", "600") .style('fill','black') }) .on('mouseout', function(d) { // hide the tooltip on mouse out tip_quests.hide(); d3.select(this) .style("font-weight", "200") .style('fill','black') d3.selectAll(".Quest_giver-" + d.Quest_giver+ ".First_Name") .style("font-weight", "200") .style('fill','black') d3.selectAll(".Quest_target-" + d.Quest_target+".First_Name" ) .style("font-weight", "200") .style('fill','black') d3.selectAll(".Quest_location-" + d.Location_name+ ".Location2" ) .style("font-weight", "200") .style('fill','black') d3.selectAll(".Quest_location-" + d.Location_name+ ".Location1" ) .style("font-weight", "200") .style('fill','black') }); return svg.node(); }34:[] 31:{"id":"42dcbf33940b33b7","slug":"icewind-dale","title":"Icewind Dale","thumbnail":"311bd7ddd026dc93a8567be52d15d6d147e4cda0f0457484308b8b884788cb22","access_level":"public","create_time":"$D2022-05-09T21:09:45.618Z","update_time":"$D2022-08-03T18:47:58.030Z","view_time":null,"first_public_time":"$D2022-05-23T16:03:12.929Z","has_unpublished_edits":null,"fork":{"id":"6e577ed745da347b","slug":"the-broom-of-faerun-v2-1","title":"The Broom of Faerun v2.1","owner":{"id":"45fbd05608299361","login":"joakimdalen","name":"Joakim Dalen"}},"stars":0,"starred":false,"owner":{"type":"team","id":"45fbd05608299361","login":"joakimdalen","name":"Joakim Dalen","avatar_url":"https://avatars-next.observableusercontent.com/582b1b04bfe67a07a14fb1b63d4b7f6c0bf1ffa608460c432429b7a3fdda80b3","tier":"starter_2024"},"version":2985,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dc05f11c6819093b","login":"joakimdalen","name":"Joakim Dalen","avatar_url":"https://avatars-next.observableusercontent.com/582b1b04bfe67a07a14fb1b63d4b7f6c0bf1ffa608460c432429b7a3fdda80b3","tier":null}],"members":[{"type":"individual","id":"dc05f11c6819093b","login":"joakimdalen","name":"Joakim Dalen","avatar_url":"https://avatars-next.observableusercontent.com/582b1b04bfe67a07a14fb1b63d4b7f6c0bf1ffa608460c432429b7a3fdda80b3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Icewind Dale","cells":[{"id":0,"value":"md`# Icewind Dale`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2487,"value":"md`### Text and font-size`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"color= ({g1:\"#689768\",\n g2:\"#5a677d\",\n g3:\"#995a5e\",\n \n g4:\"darkgray\",\n q:\"whitesmoke\",\n dName:\"#606060\"\n })\n\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1640,"value":"textSize= ({mainHeader:30,\n header:20,\n header2:25,\n headerlegend:20,\n location1:16,\n location2:14,\n name:13,\n nameHover:17,\n Alignment:15,\n Faction:14,\n location1Hover:20,\n location2Hover:15,\n treasury:22,\n quest:15,\n questHover:20,\n legend:17\n })\n\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2485,"value":"md`### Tooltips`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"tip = d3Tip()\n\n .attr('class', \"d3-tip\")\n .style(\"color\", \"black\")\n .style(\"background-color\", 'rgba(202, 158, 110,.9)')\n\n .style(\"padding\", \"6px\")\n .style(\"border-radius\", \"10px\")\n .style(\"font\", \"16px 'ewert' \")\n.style(\"fill-opacity\",0)\n\n\n .offset([-5,0])\n .attr(\"width\",'100')\n\n .html(function(d) { return `Race: ${(d.Race)}
\n Occupation: ${(d.Occupation)}
\n Comment: ${(d.Comment)}
` \n ; })\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1424,"value":"tip_location= d3Tip()\n\n .attr('class', \"d3-tip\")\n .style(\"color\", \"black\")\n .style(\"background-color\", 'rgba(202, 158, 110,.8)')\n\n .style(\"padding\", \"6px\")\n .style(\"border-radius\", \"10px\")\n .style(\"font\", \"16px 'ewert' \")\n.style(\"opacity\",0.2)\n\n\n .offset([-5,0])\n .attr(\"width\",100)\n \n .html(function(d) { return ` \n ${(d.Location_description)}
\n`\n\n ; })\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1430,"value":"tip_main_location= d3Tip()\n\n .attr('class', \"d3-tip\")\n .style(\"color\", \"black\")\n .style(\"background-color\", 'rgba(202, 158, 110,.8)')\n\n .style(\"padding\", \"6px\")\n .style(\"border-radius\", \"10px\")\n .style(\"font\", \"16px 'ewert' \")\n.style(\"opacity\",0.2)\n\n .offset([-5,0])\n\n .attr(\"width\",100)\n .html(function(d) { return ` \n ${(d.Main_location_description)}
\n`\n\n ; })\n .attr(\"width\",50)\n .attr(\"height\", 500)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"tip_quests= d3Tip()\n\n .attr('class', \"d3-tip\")\n .style(\"color\", \"black\")\n .style(\"background-color\", 'rgba(202, 158, 110,.8)')\n\n .style(\"padding\", \"6px\")\n .style(\"border-radius\", \"10px\")\n .style(\"font\", \"16px 'ewert' \")\n.style(\"opacity\",0.2)\n\n .offset([-5, -150])\n\n .attr(\"width\",100)\n .html(function(d) { return ` ${(d.Quest)}
\n Quest Giver: ${(d.Quest_giver)}
\n Quest target: ${(d.Quest_target)}
\n Location: ${(d.Location2)} in ${(d.Location1)}
\n Description: ${(d.Description)}
\n Reward: ${(d.Reward)}` \n ; })\n .attr(\"width\",50)\n .attr(\"height\", 500)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2462,"value":"md`### Scales`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"xScale= d3.scaleLinear()\n .domain([1,4])\n .range([0 , (plot.widthC1)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"yScale= d3.scaleBand()\n .domain(data.map((d) => d[\"First_Name\"]))\n .range([0 , plot.height])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"yScale_location= d3.scaleBand()\n .domain(location_data.map((d) => d[\"Location_name\"]))\n .range([0 , plot.height-200])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"yScaleQuest= d3.scaleBand()\n .domain(Quest_data.map((d) => d[\"Quest\"]))\n .range([0 , plot.height/1.2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2465,"value":"md`### Plot size`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2683,"value":" row_count = d3.max(data, function(d) { return +d.Row;} );","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1728,"value":"right=({start1:30,\n start2:190,\n startLine1:10,\n startLine2:390});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":" margin= ({top:250,\nbottom:150,\nleftC1:380,\nleftC2:0, \nleftC3:15, \nleftC4:15, \nright:0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2681,"value":"cleft=({C1:margin.leftC1,\n C1CM2:margin.leftC1-370,\n C1CM1:margin.leftC1-215,\n C2:margin.leftC1+plot.widthC1+margin.leftC2 ,\n C3:margin.leftC1+plot.widthC1+margin.leftC2+plot.widthC2+margin.leftC3 ,\n C3C2:margin.leftC1+plot.widthC1+margin.leftC2+plot.widthC2+margin.leftC3+150, \n C4:margin.leftC1+plot.widthC1+margin.leftC2+plot.widthC2+margin.leftC3+plot.widthC3+margin.leftC4 \n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2680,"value":"rTop=({R1:margin.top-130,\n R2:margin.top-100\n\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"plot=({widthC1:195,\n widthC2:0,\n widthC3:310,\n widthC4:400,\n height:row_count*20+100,\n width2:0});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2678,"value":"plotwidthT=margin.leftC1+margin.leftC2+margin.leftC3+margin.leftC4+plot.widthC1+plot.widthC2+plot.widthC3+margin.right","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"r=5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2468,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"data_living=(data.filter(function(d){return d.Deceased== 0;}))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":876,"value":"Quest_data=d3.json('https://raw.githubusercontent.com/JDDalen/Icewind-Dale/main/quest.json')\n \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"data=d3.json(\"https://raw.githubusercontent.com/JDDalen/Icewind-Dale/main/person.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"location_data2=d3.json(\"https://raw.githubusercontent.com/JDDalen/Icewind-Dale/main/location.json\")\n \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1291,"value":"location_data=location_data2.sort((e,f) => d3.ascending(e.Main_location_name,f.Main_location_name))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2472,"value":"md`### Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"async function addWebFont(selection, fontName, fontURL, fontType = 'woff2') {\n const fontData = await toDataURL(fontURL);\n return selection.append('style').text(`\n @font-face {\n font-family: '${fontName}';\n src: url(${fontData}) format('${fontType}');\n }\n `);\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"async function toDataURL(url) {\n return new Promise(async(resolve, reject) => {\n const res = await fetch(url);\n if(!res.ok) return reject(`Error: ${res.status} ${res.statusText}`);\n const blob = await res.blob();\n const reader = new FileReader();\n reader.readAsDataURL(blob);\n reader.onloadend = () => resolve(reader.result);\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"d3Tip = require(\"d3-tip\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"