graphviz: different style definitions for node svg definitions

 graphviz is a very nice tool to create visual graphical representations of dependencies.
In my case  it's used for my kids book reviews, to make the characters dependencies visible easily. 

Do change the color of different shapes - or maybe specific self defined classes - css is used. But to understand which node style can be addressed by a specific style definition, I did not find any documentation about shapes and their implementation. 

So I did a simple test and tested the different shapes: 

Most shapes are implemented as polygon; ellipse, oval, circle, doublecircle and (partially) mcircle are defined as ellipse.
ncylinder is implemented as path. 

This leads to this css:

.graph>polygon {
	fill: white;
}

.node>polygon {
	fill: palegreen;
}

.node>ellipse {
	fill: deeppink;
}

.node>path {
	fill:lightgrey;
}

.node>text {
	fill:blue;
}

which created the picture shown. 

Maybe I need to refer to such details quite often in my kids near future ;) 

The .dot file to create the proper svg can be found here. 

The original svg (quite big):