digraph graphname {
graph [fontname = "helvetica", fontsize=11];
node [shape="box", fontname = "helvetica", fontsize=11];
subgraph cluster_ax_tree {
label = "Accessibility Tree";
a [label="Document"];
a -> b;
b [label="Heading"];
b -> c;
c [label="StaticText 'Sign In'"];
a -> d;
d [label="TextBox 'Username'"];
a -> e;
e [label="Button 'Submit'"];
}
subgraph cluster_ui_tree {
label = "DOM Tree";
A [label="<body>"];
A -> B;
B [label="<h1>"];
B -> C;
C [label="Sign In"];
A -> D;
D [label="<input type='text'\nplaceholder='Username'>"];
A -> E;
E [label="<input type='submit'>"];
}
}