30:T1e83,dot_string = ` digraph { ranksep=0.1 nodesep=0.2 node [shape=none tooltip=""] # # Time # { node [fontsize=10] { node [ label=March ] <2023_03> } { node [ label=April ] <2023_04> } { node [ label=May ] <2022_05> <2023_05> } { node [ label=June ] <2022_06> } { node [ label=July ] <2022_07> } { node [ label=August ] <2022_08> } { node [ label=September ] <2022_09> } { node [ label=October ] <2021_10> <2022_10> } { node [ label=November ] <2021_11> <2022_11> } { node [ label=December ] <2022_12> } edge [style=invis] node[fontsize=16] 2021 -> <2021_10>-><2021_11> -> 2022 -> <2022_05>-><2022_06>-><2022_07>-><2022_08>-><2022_09>-><2022_10>-><2022_11>-><2022_12> -> 2023 -> <2023_03>-><2023_04>-><2023_05> } # # Events (Time+Space intersections) with labels (other than their ID) or tooltips # ${events} ${ render_if_detail("boats", ` { node [ label=X ] # crossings biscay_2022_12 biscay_2023_04 } ` ) } # # Timelines from here # edge [color=grey] # default edge color grey to recognize all which are not styled explicitly edge [arrowhead=none] # timelines have not arrowhead in all of their sections, except for the very last one (pointing to the future) # # PLACEs timelines must appear before PEOPLEs' timelines, # so that first appearance (event) of a place can serve as its type anchor; # events are disjunct by definition, because places can never "meet" each other # { edge [ style=dotted ] { node [ class=global_type_grobro ] edge [ class=global_type_grobro ] grobro_2021_10 [ label=Großenbrode tooltip="purchasing Maru, converting to e-engine, learning to sail" ] grobro_2021_11 [ label="..." tooltip="leaving Großenbrode for crossing the Western Baltic Sea to Sweden" ] grobro_2021_10 -> grobro_2021_11 } { node [ class=global_type_sim ] edge [ class=global_type_sim ] simris_2021_11_05 [label=Simrishamn tooltip="arriving at Simrishamn at the start of November"] simris_2022_03 [label="🔧 ..." tooltip="spending winter 2021/2022, practice sailing (harbour did not freeze) and perform major upgrades to Maru" ] simris_2022_05 [label="leaving Simrishamn" tooltip="leaving Simrishamn onboard Maru, together with Roland"] simris_2021_11_05 -> simris_2022_03 -> simris_2022_05 } ${ show_details.includes("boats") ? ` { edge [ class=global_type_biscay ] Biscay [ class=global_type_biscay ] Biscay -> biscay_2022_12 -> biscay_2023_04 } { node [ class=global_type_cherbourg label=Cherbourg] edge [ class=global_type_cherbourg ] cherbourg2 [label="⚓ Cherbourg"] cherbourg1 -> cherbourg2 } ` : ` cherbourg2 [label="⚓ Cherbourg"] ` } ${ render_timeline_place( "Camaret", ['camaret_2022_10_10'].concat( ['now'] )) } GOT_2022_06_30 [ label="Göteborg" tooltip="leaving Sweden from Göteborg" ] ${ render_timeline_place( "Smygehuk", ['smyge_2021_11_03','smyge_2022_06_06']) } } # end PLACEs # # COUNTRIES with color-styled edges # special visual case of PLACEs # { edge [ penwidth=1 ] ${ render_if_detail("countries", ` ${ render_timeline( "Germany", ['grobro_2021_10','grobro_2021_11'], {labelPrefix:'🇩🇪',edge:'color="gold;0.33:red;0.33:black;0.33"'} ) } ${ render_timeline( "Denmark 2021", ['Gedser','Klintholm'], {labelPrefix:"🇩🇰",edge:'color="silver;0.5:red"'} ) } ${ render_timeline( "Sweden 2021 / 2022", ['smyge_2021_11_03','simris_2021_11_05','simris_2022_03'].concat( se_2022 ), {id:"se_2021f",labelPrefix:'🇸🇪',edge:'color="yellow;0.5:deepskyblue"'} ) } ${ render_timeline( "Denmark 2022", [].concat(dk_2022), {labelPrefix:"🇩🇰",edge:'color="silver;0.5:red"'} ) } ${ render_timeline( "Netherlands 2022", [].concat(nl_2022), {labelPrefix:"🇳🇱",edge:'color="blue;0.33:silver;0.33:red;0.33"'} ) } ${ render_timeline( "Belgium 2022", ['Oostende_2022_09_13'], {labelPrefix:'🇧🇪',edge:'color="red;0.33:gold;0.33:black;0.33"'} ) } ${ render_timeline( "France 2022 / 2023", fr_2022.concat( ['now']), {id:"fr_2022f",labelPrefix:'🇫🇷',showExit:false,edge:'color="red;0.33:silver;0.33:blue;0.33"'} ) } ${ false && show_details.includes("boats") ? ` ${ render_timeline( "Spain", ['spain_2022_12','spain_2023_04'], {labelPrefix:'🇪🇸',showExit:false,edge:'color="red;0.33:orange;0.33:red;0.33"'} ) }` : "" } ` ) } } # end COUNTRIES # # people / beings : solid lines; # events may be shared because people can meet at the same place + time # ${ render_if_detail("friends", ` ${ render_timeline( 'Gepebba', ['segelstorp_2022_06_08'], {rdfDescription:"Ebba, Patrick + family"} ) } ${ render_timeline( "Lies", ['Hanstholm','Oostende_2022_09_13','Dunkerque','camaret_2022_10_10'], {edge:"color=orange"} ) } ${ render_timeline( "Susanne", ['Ijmuiden','scheveningen_port'] ) } ${ render_timeline( 'Thomas', ['simris_2022_03'], {id:'thsk'} ) } ${ render_timeline( 'Naghmeh', ['GOT_2022_06_30'], {edge:"color=pink"} ) } ${ render_timeline( 'Jon', ['simris_2021_11_05','simris_2022_03','simris_2022_05'] ) } ${ render_timeline( 'Carna', ['simris_2022_03','Bornholm','simris_2022_05'] ) } ${ render_timeline( 'Obi', ['simris_2021_11_05','simris_2022_03','simris_2022_05' ], {edge: "color=darkbrown"} ) } ${ render_timeline( 'Joanna', ['simris_2021_11_05','simris_2022_03','simris_2022_05','GOT_2022_06_30'], {edge: "color=orange" } ) } ${ render_timeline( "Frank", ['simris_2022_03'] )} ${ render_timeline( 'Kristina', ['simris_2022_03','simris_2022_05','Ystad'] ) } ${ render_timeline( 'Roland', ['simris_2022_03','simris_2022_05','kase_2022_05_30'], {id:'rohe'} ) } ${ render_timeline( 'Johann', ['simris_2022_03','simris_2022_05'], {id:'jowa'} ) } ${ render_timeline( 'Pierre', ['kase_2022_05_30'], {rdfDescription:"Pierre and the other pilots from Kaseberga", id:'piro'} ) } ${ render_timeline( 'Fanny', ['camaret_2022_10_10', 'camaret_2023_03','camaret_2023_04','now'] ) } ${ render_timeline( 'Michel', ['camaret_2022_10_10','camaret_2023_01','camaret_2023_03','camaret_2023_04','now'] ) } ${ render_timeline( 'Filemon',['camaret_2022_10_10','camaret_2023_01','biscay_2022_12','Falmouth'])} ${ render_timeline( 'Kila', ['camaret_2023_03','camaret_2023_04'] ) } ` ) } # # BOATs # { edge [ style=dashed ] ${ render_timeline_boat( "Maru", path_of_maru, "darkslateblue" ) } ${ render_if_detail("boats", ` ${ render_timeline_boat( "Torbjörn", ['Hanstholm'] ) } ${ render_timeline_boat( "Blue Nose", ['haho_2022_08','Thyborøn','hvide_sande_2022'] ) } ${ render_timeline_boat( "Miss Blue", ['scheveningen_port','cherbourg1','cherbourg2','camaret_2022_10_10','biscay_2022_12','Valencia'], "silver" ) } ${ render_timeline_boat( "Vega", ['cherbourg1','Guernsey','camaret_2022_10_10','Brest','biscay_2023_04','Porto'] , "silver" ) } # dk -> Vega # true but not so relevant for Boran's timeline ${ render_timeline_boat( "Kanayou", ['camaret_2022_10_10',''], {rdfDescription:"Annick & Alain onboard Kanayou"} ) } ${ render_timeline_boat( "Greta", ['camaret_2022_10_10','camaret_2023_03'] ) } ` ) } } # end BOATs # Time anchors (not every event needs to be anchored) # {rank=same <2021_10> grobro_2021_11 } {rank=same <2021_11> simris_2021_11_05 } {rank=same <2022_05> simris_2022_05 } {rank=same <2022_06> GOT_2022_06_30 } {rank=same <2022_07> Skagerrak } {rank=same <2022_08> haho_2022_08 } {rank=same <2022_09> Hoorn } {rank=same <2022_10> Alderney } {rank=same <2022_11> camaret_2023_01 } ${ render_if_detail("boats", `{rank=same <2022_12> biscay_2022_12 }` ) } {rank=same <2023_03> camaret_2023_03 } {rank=same <2023_04> camaret_2023_04 ${ render_if_detail("boats", ` biscay_2023_04 Valencia ` ) } } {rank=same <2023_05> now } }`31:[] 2e:{"title":"Maru Timeline 2021 until now","cells":[{"id":0,"value":"title = md`# Maru Timeline 2021 until now\n## interactive diagram - see explanation below`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1530,"value":"viewof show_details = Inputs.checkbox([\"friends\",\"boats\",\"countries\"], {label: \"Show details\",value:get_initial_details( ['countries'] ) })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1590,"value":"kts_console","pinned":false,"hidden":false,"mode":"ojs"},{"id":713,"value":"diagram = dot2svg( dot_string );","pinned":false,"hidden":false,"mode":"ojs"},{"id":1127,"value":"notes","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"- - -\n## Appendix (technical details)","pinned":false,"hidden":false,"mode":"md"},{"id":1027,"value":"### Event Sequences","pinned":false,"hidden":false,"mode":"md"},{"id":988,"value":"winter_2021 = [ 'simris_2022_03','Bornholm' ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1446,"value":"events = `\nnow [label=\"🔧 Camaret\" tooltip=\"painting and minor repairs for Maru\" ]\n{ node[label=\"...\"] camaret_2023_03 camaret_2023_04 }\n` + maru_events","pinned":false,"hidden":false,"mode":"ojs"},{"id":1504,"value":"### other variables","pinned":false,"hidden":false,"mode":"md"},{"id":1488,"value":"this_particular_diagram = \"This particular diagram's central story is Marus's journey (highlighted path with yellow events connected by solid blue line) with an emphasis on the period between 2021 and 2023. Also this diagram lets you choose which types of details you want to include: encounters with friends, other boats, countries, or any combination of these.\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1031,"value":"### Functions","pinned":false,"hidden":false,"mode":"md"},{"id":305,"value":"{\n init( diagram );\n visco.press(\"Escape\");\n visco.press(\"Escape\");\n \n if( !get_initial_details() )\n visco.explore(\"Maru\");\n \n return css;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1033,"value":"### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"import {digraph2svg, dot2svg, visco, init, css} from \"@bogo/kxfm\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1460,"value":"import {render_timeline, render_timeline_boat, render_timeline_place, render_timeline_if_detail, render_if_detail, get_initial_details,\n kts_console, symbol_major_incident} with {show_details} from \"@bogo/timelib@1947\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1618,"value":"import {\n \n grobro_to_simris, simris_to_camaret, se_2022, dk_2022, nl_2022, fr_2022, winter_2022,\n events as maru_events,\n} \nfrom \"@bogo/timelines\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1486,"value":"import {notes} with {this_particular_diagram} from \"@bogo/timelines\"","pinned":true,"hidden":true,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}