Partially Transparent Colors

This example illustrates the use of partially transparent colors for node fillcolor and graph bgcolor.

Note the node fillcolor and graph bgcolor both have alpha/transparency channels set.

The Graph’s background is pure blue, but with some transparency, showing as blue tint against this page’s white background.

Nodes are greener where they overlap, and you can see some pink bleeding through.

[Input .gv File] [SVG] [Raster Image]

transparency.gv.txt
graph Transparency {
	layout=neato
	start=11 // empiric value to set orientation
	bgcolor="#0000ff11"
	node [shape=circle width=2.22 label="" style=filled]
	5 [color="#0000ff80"]
	6 [color="#ee00ee80"]
	1 [color="#ff000080"]
	2 [color="#eeee0080"]
	3 [color="#00ff0080"]
	4 [color="#00eeee80"]
	1 -- 2 -- 3 -- 4 -- 5 -- 6 -- 1
}

© 2022 Costa Shulyupin, licensed under EPL

Last modified February 7, 2022: update (89ee8fb)