// you can edit the source code to produce the graph above // (that is shown when "edit graph source" is selected // in the select box on top of this page) edit_me = `digraph workflow { ranksep=.5; graph [ truecolor=true, # the last 2 "00" make it completely transparent here, # thus all that comes before - I don"t care bgcolor="#ffffff00", fontname = "helvetica", #splines=ortho, concentrate=true ]; node [ fontname = "helvetica", style = "rounded,filled,radial", gradientangle=60, fillcolor="#dddddd99", # gradients dont work on observable...: # fillcolor="#dddddd99", fontsize=25, penwidth=4, color = "#ffffff55", width = 2.5 ]; edge [ fontname = "helvetica", penwidth=5, color="#aaaaaabb" ]; penwidth=5; style=rounded subgraph cluster_arduino { label = < arduino >; bgcolor = "#a8feff"; color = "#3e979d"; fontcolor = "#3e979d"; fontsize = 30; Thermometers -> mc; sketch -> mc; Thermometers [shape=box]; sketch [ label = "send_temp.ino", shape=box, URL="https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/arduino/send_temp/send_temp.ino", tooltip = "arduino sketch to read multiple DS18B20 thermometers and then print the information to the serial connection" ]; {rank=same; mc; sketch} } sc -> python [ weight = 100, tooltip = "setup serial connection in arduino", URL = "https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/python/T_to_midi.ipynb#Arduino" ] subgraph cluster_main { label = < python >; bgcolor = "#fffb4b"; color = "#4f93ba"; fontcolor = "#4f93ba"; fontsize = 30; penwidth=5; #graph[style=dotted]; "functions.py" [ shape=box, tooltip = "functions that are imported in the T_to_midi notebook", URL = "https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/python/functions.py" ] python [ shape=box, tooltip = "python real-time loop to * read serial string, extract temperatures * calculate temperature differences * translate differences to midi notes according to a specified musical scale * send the note events to a midi port in real time During the loop the data is recorded in lists and when it has finished the data is written to a midi and csv files. ", label = "T_to_midi.ipynb", URL = "https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/python/T_to_midi.ipynb" ]; "functions.py" -> python mc [ shape=box, label="micro-controller", tooltip="the micro-controller is connected to the PC via USB", ]; {rank = same; "functions.py" python} } # subgraph cluster_main_to_R_connectors { # label = "main workflow"; # } subgraph cluster_fluidsynth { label = <fluidsynth >; fontsize = 30; bgcolor = "#ffd030"; color = "#f07531"; fontcolor = "#f07531"; penwidth=5; sf2 [shape = cylinder, label = "sound\nfont"]; fluidsynth [ shape=box, tooltip = "* Fluidsynth can be easily started via the GUI QSynth.\n* An sf2 soundfont file has to be used.\n* A midi port can be synthesized in real time, or\n* A midi file can be rendered to an audio file." ]; sf2 -> fluidsynth; {rank=same; fluidsynth sf2} } mp -> fluidsynth [ weight = 100] mc -> sc [ arrowhead=none, tooltip = "setup serial connection in arduino", URL = "https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/arduino/send_temp/send_temp.ino#L24" ]; python -> mp [arrowhead=none, weight = 1000]; sc [ label="serial\nconnection", color=grey, shape=diamond, tooltip = "The serial string sent from the arduino is of the following format: ID: 40255662332332138251, T: 24.62; ID: 402552102282332138209, T: 24.12; ID: 402551932392332138119, T: 24.62; ID: 4025514153413227192, T: 24.62; ID: 402552272422332138169, T: 21.75", URL = "https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/python/recorded_data/serial_string.txt" ]; mp [ label = "midi\nport", shape=diamond, color=grey, tooltip = "The midi port to fluidsynth is set up by the python code in T_to_midi.ipynb", URL = "https://gitlab.com/urswilke/chaos_machine_code/-/tree/master/python/T_to_midi.ipynb#Setup_fluidsynth_connection" ]; #mc -> sc -> python -> mp -> fluidsynth[ style = invis, weight= 10 ]; fluidsynth -> speakers subgraph cluster_speaker { label = < speaker >; fontsize = 30; bgcolor="#FFD700"; # gradients dont work on observable...: # bgcolor="#CCA600"; speakers [label="🔊🎶"]; }`