graph BT

classDef default stroke:#454545,fill:none
classDef root stroke:#cc3a3a,fill:none
classDef important-composer stroke::#d96d6d,fill:#d96d6d
classDef important-pedagogue stroke::#d3c367,fill:#d3c367

%% Nodes

399("Edmund Ayrton<div id=NodeDiv-399 style='height: 250px; width: 400px'></div>")
class 399 node-399;
class 399 root
398("James Nares<div id=nodeDiv-398 style='height: 250px; width: 400px'></div>")
400("William Croft<div id=nodeDiv-400 style='height: 250px; width: 400px'></div>")
401("John Blow<div id=nodeDiv-401 style='height: 250px; width: 400px'></div>")
403("Johann Christoph Pepusch<div id=nodeDiv-403 style='height: 250px; width: 400px'></div>")
416("Dieterich Buxtehude<div id=nodeDiv-416 style='height: 250px; width: 400px'></div>")
415("Friedrich Gottlieb Klingenberg<div id=nodeDiv-415 style='height: 250px; width: 400px'></div>")

%%Links

399 -->|<span id='EL-399-398' class='EL EL-depth-1 EL-root'>studied with</span>| 398
398 -->|<span id='EL-398-400' class='EL EL-depth-2'>studied with</span>| 400
398 -->|<span id='EL-398-403' class='EL EL-depth-2'>studied with</span>| 403
400 -->|<span id='EL-400-401' class='EL EL-depth-3'>studied with</span>| 401
403 -->|<span id='EL-403-415' class='EL EL-depth-3'>studied with</span>| 415
415 -->|<span id='EL-415-416' class='EL EL-depth-4'>studied with</span>| 416

%%Styling

class 398 node-398;
class 398 node-depth-1;
class 398 middle;
class 400 node-400;
class 400 node-depth-2;
class 400 middle;
class 401 node-401;
class 401 node-depth-3;
class 401 terminal;
class 403 node-403;
class 403 node-depth-2;
class 403 middle;
class 416 node-416;
class 416 node-depth-4;
class 416 terminal;
class 415 node-415;
class 415 node-depth-3;
class 415 middle;