Skip to content

Instantly share code, notes, and snippets.

@joedicastro
Last active August 29, 2015 14:15
Show Gist options
  • Save joedicastro/d02bae0b9c404dd8d08a to your computer and use it in GitHub Desktop.
Save joedicastro/d02bae0b9c404dd8d08a to your computer and use it in GitHub Desktop.
graph DOM {
dpi=300
nodesep=0.8
node [
shape=box,
style=filled,
fillcolor=cornflowerblue,
fontcolor=white,
fontname=sans,
color=cornflowerblue,
penwidth=2
]
edge [penwidth=3]
root [
label="<html>",
color=royalblue4,
fillcolor=royalblue4,
fontcolor=white
]
head [label="<head>"]
body [label="<body>"]
title [label="<title>"]
body_ul [label="<ul>"]
fst_li [label="<li>"]
fst_li_a [label="<a>"]
fst_li_a_text [label="<text node>"]
fst_li_ul [label="<ul>"]
fst_li_ul_li [label="<li>"]
fst_li_ul_li_a [label="<a>"]
fst_li_ul_li_a_text [label="<text node>"]
snd_li [label="<li>"]
snd_li_a [label="<a>"]
snd_li_a_text [label="<text node>"]
snd_li_ul_li [label="<li>"]
snd_li_ul_li_a [label="<a>"]
snd_li_ul_li_a_text [label="<text node>"]
snd_li_ul [label="<ul>"]
trd_li [label="<li>"]
trd_li_a [label="<a>"]
trd_li_a_text [label="<text node>"]
{
node [
shape=none,
fontcolor=black,
style=unfilled
]
trd_li_a_text_string [label="contact"]
title_string [label=":: Welcome ::"]
fst_li_a_text_string [label="about"]
fst_li_ul_li_a_text_string [label="about me"]
snd_li_a_text_string [label="UI Tech"]
snd_li_ul_li_a_text_string [label="CSS"]
}
root -- head
head -- title
title -- title_string
root -- body
body -- body_ul [minlen=2]
body_ul -- fst_li
fst_li -- fst_li_a
fst_li_a -- fst_li_a_text
fst_li_a_text -- fst_li_a_text_string
fst_li -- fst_li_ul
fst_li_ul -- fst_li_ul_li
fst_li_ul_li -- fst_li_ul_li_a
fst_li_ul_li_a -- fst_li_ul_li_a_text
fst_li_ul_li_a_text -- fst_li_ul_li_a_text_string
body_ul -- snd_li
snd_li -- snd_li_a
snd_li_a -- snd_li_a_text
snd_li_a_text -- snd_li_a_text_string
snd_li -- snd_li_ul
snd_li_ul -- snd_li_ul_li
snd_li_ul_li -- snd_li_ul_li_a
snd_li_ul_li_a -- snd_li_ul_li_a_text
snd_li_ul_li_a_text -- snd_li_ul_li_a_text_string
body_ul -- trd_li
trd_li -- trd_li_a
trd_li_a -- trd_li_a_text
trd_li_a_text -- trd_li_a_text_string
{
rank = max;
Legend [
shape=box,
margin=0.1,
fillcolor=white,
color=black,
label=<
<table border="0" cellborder="0" cellspacing="0" cellpadding="3">
<tr>
<td align="left"><font color="dimgrey">Root Element</font></td>
<td cellpadding="5">
<table border="0" cellborder="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="royalblue4"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left"><font color="dimgrey">Element</font></td>
<td cellpadding="5">
<table border="0" cellborder="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="cornflowerblue"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left"><font color="dimgrey">Text</font></td>
<td><font color="black">about</font></td>
</tr>
</table>
>,
penwidth=1
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment