# Subgraphs laid out by quandrant around a main idea?

**URL:** <https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532>\
**Category:** Help\
**Created:** [March 23, 2023, 2:10pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532 "2023-03-23T14:10:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![zarathustra](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/zarathustra/32/1012_2.png) [@zarathustra](https://forum.graphviz.org/u/zarathustra)\
**Post date:** [March 23, 2023, 2:10pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532/1 "2023-03-23T14:10:40Z")

</div>

Hi all - I’m hoping to emulate a brainstorming layout (mindmap/diagram) by flowing the subgraphs around a main idea. Is there a layout + attribute combination in graphviz that would allow me to position the four `subgraph`s in [this example](https://dreampuf.github.io/GraphvizOnline/#digraph%20%7B%0A%20%20%20%20%22main_idea_title%22%20%5Bwidth%3D5.555555555555555%2C%20height%3D1.0416666666666665%2C%20shape%3Drectangle%2C%20label%3D%22MAIN%20IDEA%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23baee7b%22%5D%0A%20%20%20%20%22main_idea_text%22%20%5Bwidth%3D3.472222222222222%2C%20height%3D3.472222222222222%2C%20shape%3Drectangle%2C%20label%3D%22MAIN%20DESCRIPTION%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23baee7b%22%5D%0A%20%20%20%20%22main_idea_title%22%20-%3E%20%22sub_idea_0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%22main_idea_title%22%20-%3E%20%22sub_idea_1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%22main_idea_title%22%20-%3E%20%22sub_idea_2_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%22main_idea_title%22%20-%3E%20%22sub_idea_3_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20subgraph%20group_0%20%7B%0A%20%20%20%20%20%20%20%20%22sub_idea_0_title%22%20%5Bwidth%3D4.444444444444445%2C%20height%3D0.8333333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beee8%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0_text%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D2.7777777777777777%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beee8%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23af7bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23af7bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7b81%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7b81%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23e8ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23e8ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23d1ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23d1ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23a3ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23a3ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%238cee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%238cee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0_title%22%20-%3E%20%22sub_idea_0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0_title%22%20-%3E%20%22sub_idea_0.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0_title%22%20-%3E%20%22sub_idea_0.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0_title%22%20-%3E%20%22sub_idea_0.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0_title%22%20-%3E%20%22sub_idea_0.0.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0_title%22%20-%3E%20%22sub_idea_0.0.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0.0_title%22%20-%3E%20%22sub_idea_0.0.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.0.1_title%22%20-%3E%20%22sub_idea_0.0.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1_title%22%20-%3E%20%22sub_idea_0.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1_title%22%20-%3E%20%22sub_idea_0.1.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1_title%22%20-%3E%20%22sub_idea_0.1.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1.0_title%22%20-%3E%20%22sub_idea_0.1.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_0.1.1_title%22%20-%3E%20%22sub_idea_0.1.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%7D%0A%20%20%20%20subgraph%20group_1%20%7B%0A%20%20%20%20%20%20%20%20%22sub_idea_1_title%22%20%5Bwidth%3D4.444444444444445%2C%20height%3D0.8333333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beeba%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1_text%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D2.7777777777777777%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beeba%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beed1%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beed1%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237bddee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237bddee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237bc6ee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237bc6ee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23817bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23817bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23987bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23987bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23c67bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23c67bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1_title%22%20-%3E%20%22sub_idea_1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1_title%22%20-%3E%20%22sub_idea_1.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1_title%22%20-%3E%20%22sub_idea_1.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0_title%22%20-%3E%20%22sub_idea_1.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0_title%22%20-%3E%20%22sub_idea_1.0.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0_title%22%20-%3E%20%22sub_idea_1.0.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0.0_title%22%20-%3E%20%22sub_idea_1.0.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.0.1_title%22%20-%3E%20%22sub_idea_1.0.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1_title%22%20-%3E%20%22sub_idea_1.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1_title%22%20-%3E%20%22sub_idea_1.1.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1_title%22%20-%3E%20%22sub_idea_1.1.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1.0_title%22%20-%3E%20%22sub_idea_1.1.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_1.1.1_title%22%20-%3E%20%22sub_idea_1.1.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%7D%0A%20%20%20%20subgraph%20group_2%20%7B%0A%20%20%20%20%20%20%20%20%22sub_idea_2_title%22%20%5Bwidth%3D4.444444444444445%2C%20height%3D0.8333333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23dd7bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2_text%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D2.7777777777777777%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23dd7bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7baf%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7baf%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7b98%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7b98%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23baee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23baee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beee8%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beee8%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23af7bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23af7bee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7b81%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2_title%22%20-%3E%20%22sub_idea_2_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2_title%22%20-%3E%20%22sub_idea_2.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2_title%22%20-%3E%20%22sub_idea_2.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0_title%22%20-%3E%20%22sub_idea_2.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0_title%22%20-%3E%20%22sub_idea_2.0.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0_title%22%20-%3E%20%22sub_idea_2.0.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0.0_title%22%20-%3E%20%22sub_idea_2.0.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.0.1_title%22%20-%3E%20%22sub_idea_2.0.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1_title%22%20-%3E%20%22sub_idea_2.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1_title%22%20-%3E%20%22sub_idea_2.1.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1_title%22%20-%3E%20%22sub_idea_2.1.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1.0_title%22%20-%3E%20%22sub_idea_2.1.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1.1_title%22%20-%3E%20%22sub_idea_2.1.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%7D%0A%20%20%20%20subgraph%20group_3%20%7B%0A%20%20%20%20%20%20%20%20%22sub_idea_2.1.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23ee7b81%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3_title%22%20%5Bwidth%3D4.444444444444445%2C%20height%3D0.8333333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23e8ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3_text%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D2.7777777777777777%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23e8ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23d1ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23d1ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23a3ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%23a3ee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%238cee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%238cee7b%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1_title%22%20%5Bwidth%3D3.888888888888889%2C%20height%3D0.7291666666666666%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beeba%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1_text%22%20%5Bwidth%3D2.4305555555555554%2C%20height%3D2.4305555555555554%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beeba%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1.0_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beed1%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1.0_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237beed1%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1.1_title%22%20%5Bwidth%3D2.7777777777777777%2C%20height%3D0.5208333333333333%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237bddee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1.1_text%22%20%5Bwidth%3D1.736111111111111%2C%20height%3D1.736111111111111%2C%20shape%3Drectangle%2C%20label%3D%22%22%2C%20style%3D%22filled%22%2C%20fillcolor%3D%22%237bddee%22%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3_title%22%20-%3E%20%22sub_idea_3_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3_title%22%20-%3E%20%22sub_idea_3.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3_title%22%20-%3E%20%22sub_idea_3.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0_title%22%20-%3E%20%22sub_idea_3.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0_title%22%20-%3E%20%22sub_idea_3.0.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0_title%22%20-%3E%20%22sub_idea_3.0.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0.0_title%22%20-%3E%20%22sub_idea_3.0.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.0.1_title%22%20-%3E%20%22sub_idea_3.0.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1_title%22%20-%3E%20%22sub_idea_3.1_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1_title%22%20-%3E%20%22sub_idea_3.1.0_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1_title%22%20-%3E%20%22sub_idea_3.1.1_title%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1.0_title%22%20-%3E%20%22sub_idea_3.1.0_text%22%20%5Bpenwidth%3D5%5D%0A%20%20%20%20%20%20%20%20%22sub_idea_3.1.1_title%22%20-%3E%20%22sub_idea_3.1.1_text%22%20%5Bpenwidth%3D5%5D%20%0A%20%20%20%20%7D%0A%7D) (dot layout engine) around the main idea instead of all clustered below? Ideally, the four subgraphs would be postioned in four quandrants around the main idea, with two being above, and two being below.

So I’d like to go from this…

 ![image](https://global.discourse-cdn.com/graphviz/original/2X/0/02b0dbb18cde8b1b9121cce4eb6851ccb31f62b8.png)

…to something like this:

 ![image](https://global.discourse-cdn.com/graphviz/original/2X/d/dce81433378d920403c4b11616867972eb86d890.jpeg)

---

<div class="post-metadata">

**Author:** ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)\
**Post date:** [March 23, 2023, 5:49pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532/2 "2023-03-23T17:49:29Z")

</div>

Is this a one-time thing or do you want a solution that will work well with many varying inputs?

---

<div class="post-metadata">

**Author:** ![zarathustra](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/zarathustra/32/1012_2.png) [@zarathustra](https://forum.graphviz.org/u/zarathustra)\
**Post date:** [March 23, 2023, 6:12pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532/3 "2023-03-23T18:12:14Z")

</div>

Thanks…the idea is to have it repeatable for varying inputs, so not a one-off. I have the `fdp` engine to help with the spread, though I prefer the dot representation of the data, again just not by putting every subgraph underneath the main idea per the original post.

FDP output is below:

 ![image](https://global.discourse-cdn.com/graphviz/original/2X/9/907c5375673bc1fe7586c96612bd8c9b9d120875.png)

---

<div class="post-metadata">

**Author:** ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)\
**Post date:** [March 23, 2023, 6:38pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532/4 "2023-03-23T18:38:48Z")

</div>

This uses (invisible - **peripheries=0** ) clusters and a few invisible edges.  
Pretty repeatable & better(?) that expected.  
But if you have more than 4 subgraphs, I suggest a major re-think.

```auto
digraph {
  peripheries=0
    subgraph clustergroup_000 {
      "main_idea_title" [width=5.555555555555555, height=1.0416666666666665, shape=rectangle, label="MAIN IDEA", style="filled", fillcolor="#baee7b"]
      "main_idea_text" [width=3.472222222222222, height=3.472222222222222, shape=rectangle, label="MAIN DESCRIPTION", style="filled", fillcolor="#baee7b"]
      "main_idea_title" -> "main_idea_text" [style=invis]
    }

  subgraph clusterwrap0 {
    subgraph clustergroup_0 {
        "sub_idea_0_title" [width=4.444444444444445, height=0.8333333333333333, shape=rectangle, label="", style="filled", fillcolor="#7beee8"]
        "sub_idea_0_text" [width=2.7777777777777777, height=2.7777777777777777, shape=rectangle, label="", style="filled", fillcolor="#7beee8"]
        "sub_idea_0.0_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#af7bee"]
        "sub_idea_0.0_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#af7bee"]
        "sub_idea_0.0.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#ee7b81"]
        "sub_idea_0.0.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#ee7b81"]
        "sub_idea_0.0.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#e8ee7b"]
        "sub_idea_0.0.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#e8ee7b"]
        "sub_idea_0.1_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#d1ee7b"]
        "sub_idea_0.1_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#d1ee7b"]
        "sub_idea_0.1.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#a3ee7b"]
        "sub_idea_0.1.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#a3ee7b"]
        "sub_idea_0.1.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#8cee7b"]
        "sub_idea_0.1.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#8cee7b"]
        "sub_idea_0_title" -> "sub_idea_0_text" [penwidth=5]
        "sub_idea_0_title" -> "sub_idea_0.0_title" [penwidth=5]
        "sub_idea_0_title" -> "sub_idea_0.1_title" [penwidth=5]
        "sub_idea_0.0_title" -> "sub_idea_0.0_text" [penwidth=5]
        "sub_idea_0.0_title" -> "sub_idea_0.0.0_title" [penwidth=5]
        "sub_idea_0.0_title" -> "sub_idea_0.0.1_title" [penwidth=5]
        "sub_idea_0.0.0_title" -> "sub_idea_0.0.0_text" [penwidth=5]
        "sub_idea_0.0.1_title" -> "sub_idea_0.0.1_text" [penwidth=5]
        "sub_idea_0.1_title" -> "sub_idea_0.1_text" [penwidth=5]
        "sub_idea_0.1_title" -> "sub_idea_0.1.0_title" [penwidth=5]
        "sub_idea_0.1_title" -> "sub_idea_0.1.1_title" [penwidth=5]
        "sub_idea_0.1.0_title" -> "sub_idea_0.1.0_text" [penwidth=5]
        "sub_idea_0.1.1_title" -> "sub_idea_0.1.1_text" [penwidth=5]
    }
    subgraph clustergroup_1 {
        "sub_idea_1_title" [width=4.444444444444445, height=0.8333333333333333, shape=rectangle, label="", style="filled", fillcolor="#7beeba"]
        "sub_idea_1_text" [width=2.7777777777777777, height=2.7777777777777777, shape=rectangle, label="", style="filled", fillcolor="#7beeba"]
        "sub_idea_1.0_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#7beed1"]
        "sub_idea_1.0_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#7beed1"]
        "sub_idea_1.0.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#7bddee"]
        "sub_idea_1.0.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#7bddee"]
        "sub_idea_1.0.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#7bc6ee"]
        "sub_idea_1.0.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#7bc6ee"]
        "sub_idea_1.1_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#817bee"]
        "sub_idea_1.1_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#817bee"]
        "sub_idea_1.1.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#987bee"]
        "sub_idea_1.1.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#987bee"]
        "sub_idea_1.1.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#c67bee"]
        "sub_idea_1.1.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#c67bee"]
        "sub_idea_1_title" -> "sub_idea_1_text" [penwidth=5]
        "sub_idea_1_title" -> "sub_idea_1.0_title" [penwidth=5]
        "sub_idea_1_title" -> "sub_idea_1.1_title" [penwidth=5]
        "sub_idea_1.0_title" -> "sub_idea_1.0_text" [penwidth=5]
        "sub_idea_1.0_title" -> "sub_idea_1.0.0_title" [penwidth=5]
        "sub_idea_1.0_title" -> "sub_idea_1.0.1_title" [penwidth=5]
        "sub_idea_1.0.0_title" -> "sub_idea_1.0.0_text" [penwidth=5]
        "sub_idea_1.0.1_title" -> "sub_idea_1.0.1_text" [penwidth=5]
        "sub_idea_1.1_title" -> "sub_idea_1.1_text" [penwidth=5]
        "sub_idea_1.1_title" -> "sub_idea_1.1.0_title" [penwidth=5]
        "sub_idea_1.1_title" -> "sub_idea_1.1.1_title" [penwidth=5]
        "sub_idea_1.1.0_title" -> "sub_idea_1.1.0_text" [penwidth=5]
        "sub_idea_1.1.1_title" -> "sub_idea_1.1.1_text" [penwidth=5]
    }
    }

  subgraph clusterwrap1 {
    subgraph clustergroup_2 {
        "sub_idea_2_title" [width=4.444444444444445, height=0.8333333333333333, shape=rectangle, label="", style="filled", fillcolor="#dd7bee"]
        "sub_idea_2_text" [width=2.7777777777777777, height=2.7777777777777777, shape=rectangle, label="", style="filled", fillcolor="#dd7bee"]
        "sub_idea_2.0_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#ee7baf"]
        "sub_idea_2.0_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#ee7baf"]
        "sub_idea_2.0.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#ee7b98"]
        "sub_idea_2.0.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#ee7b98"]
        "sub_idea_2.0.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#baee7b"]
        "sub_idea_2.0.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#baee7b"]
        "sub_idea_2.1_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#7beee8"]
        "sub_idea_2.1_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#7beee8"]
        "sub_idea_2.1.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#af7bee"]
        "sub_idea_2.1.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#af7bee"]
        "sub_idea_2.1.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#ee7b81"]
        "sub_idea_2_title" -> "sub_idea_2_text" [penwidth=5]
        "sub_idea_2_title" -> "sub_idea_2.0_title" [penwidth=5]
        "sub_idea_2_title" -> "sub_idea_2.1_title" [penwidth=5]
        "sub_idea_2.0_title" -> "sub_idea_2.0_text" [penwidth=5]
        "sub_idea_2.0_title" -> "sub_idea_2.0.0_title" [penwidth=5]
        "sub_idea_2.0_title" -> "sub_idea_2.0.1_title" [penwidth=5]
        "sub_idea_2.0.0_title" -> "sub_idea_2.0.0_text" [penwidth=5]
        "sub_idea_2.0.1_title" -> "sub_idea_2.0.1_text" [penwidth=5]
        "sub_idea_2.1_title" -> "sub_idea_2.1_text" [penwidth=5]
        "sub_idea_2.1_title" -> "sub_idea_2.1.0_title" [penwidth=5]
        "sub_idea_2.1_title" -> "sub_idea_2.1.1_title" [penwidth=5]
        "sub_idea_2.1.0_title" -> "sub_idea_2.1.0_text" [penwidth=5]
        "sub_idea_2.1.1_title" -> "sub_idea_2.1.1_text" [penwidth=5]
    }
    subgraph clustergroup_3 {
        "sub_idea_2.1.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#ee7b81"]
        "sub_idea_3_title" [width=4.444444444444445, height=0.8333333333333333, shape=rectangle, label="", style="filled", fillcolor="#e8ee7b"]
        "sub_idea_3_text" [width=2.7777777777777777, height=2.7777777777777777, shape=rectangle, label="", style="filled", fillcolor="#e8ee7b"]
        "sub_idea_3.0_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#d1ee7b"]
        "sub_idea_3.0_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#d1ee7b"]
        "sub_idea_3.0.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#a3ee7b"]
        "sub_idea_3.0.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#a3ee7b"]
        "sub_idea_3.0.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#8cee7b"]
        "sub_idea_3.0.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#8cee7b"]
        "sub_idea_3.1_title" [width=3.888888888888889, height=0.7291666666666666, shape=rectangle, label="", style="filled", fillcolor="#7beeba"]
        "sub_idea_3.1_text" [width=2.4305555555555554, height=2.4305555555555554, shape=rectangle, label="", style="filled", fillcolor="#7beeba"]
        "sub_idea_3.1.0_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#7beed1"]
        "sub_idea_3.1.0_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#7beed1"]
        "sub_idea_3.1.1_title" [width=2.7777777777777777, height=0.5208333333333333, shape=rectangle, label="", style="filled", fillcolor="#7bddee"]
        "sub_idea_3.1.1_text" [width=1.736111111111111, height=1.736111111111111, shape=rectangle, label="", style="filled", fillcolor="#7bddee"]
        "sub_idea_3_title" -> "sub_idea_3_text" [penwidth=5]
        "sub_idea_3_title" -> "sub_idea_3.0_title" [penwidth=5]
        "sub_idea_3_title" -> "sub_idea_3.1_title" [penwidth=5]
        "sub_idea_3.0_title" -> "sub_idea_3.0_text" [penwidth=5]
        "sub_idea_3.0_title" -> "sub_idea_3.0.0_title" [penwidth=5]
        "sub_idea_3.0_title" -> "sub_idea_3.0.1_title" [penwidth=5]
        "sub_idea_3.0.0_title" -> "sub_idea_3.0.0_text" [penwidth=5]
        "sub_idea_3.0.1_title" -> "sub_idea_3.0.1_text" [penwidth=5]
        "sub_idea_3.1_title" -> "sub_idea_3.1_text" [penwidth=5]
        "sub_idea_3.1_title" -> "sub_idea_3.1.0_title" [penwidth=5]
        "sub_idea_3.1_title" -> "sub_idea_3.1.1_title" [penwidth=5]
        "sub_idea_3.1.0_title" -> "sub_idea_3.1.0_text" [penwidth=5]
        "sub_idea_3.1.1_title" -> "sub_idea_3.1.1_text" [penwidth=5] 
    }
  }
// 0 and 1 are now over/under
// 2 and 3 are also over & under
    "sub_idea_0_title" -> "main_idea_title" [penwidth=5]
    "sub_idea_2_title" -> "main_idea_title" [penwidth=5]

   // minlen is not specific to these graphs, should work for most inputs
   "sub_idea_0_title" -> "sub_idea_1_title" [minlen=8 style=invis]
   "sub_idea_2_title" -> "sub_idea_3_title" [minlen=8 style=invis] 

    "main_idea_title" -> "sub_idea_1_title" [penwidth=5]
    "main_idea_title" -> "sub_idea_3_title" [penwidth=5]
// next two lines are optional
// "main_idea_text" -> "sub_idea_1_title" [style=invis]
// "main_idea_text" -> "sub_idea_3_title" [style=invis]
}

```

Giving:

 ![quad1](https://global.discourse-cdn.com/graphviz/original/2X/b/b9d6448fad2beb67e3ec2da6b29c5d772c1f0044.png)

---

<div class="post-metadata">

**Author:** ![zarathustra](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/zarathustra/32/1012_2.png) [@zarathustra](https://forum.graphviz.org/u/zarathustra)\
**Post date:** [March 23, 2023, 7:47pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532/5 "2023-03-23T19:47:47Z")

</div>

OH this is truly great. Thank you so much!!

---

<div class="post-metadata">

**Author:** ![Catalyx](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@Catalyx](https://forum.graphviz.org/u/Catalyx)\
**Post date:** [March 27, 2023, 10:36pm UTC](https://forum.graphviz.org/t/subgraphs-laid-out-by-quandrant-around-a-main-idea/1532/6 "2023-03-27T22:36:47Z")

</div>

I found something similar to what you want in the graphviz gallery: [the mind map of happiness](https://graphviz.org/Gallery/twopi/happiness.html).

![pic](https://global.discourse-cdn.com/graphviz/original/2X/7/74dd666477db6c255a2cb1672264b30d84ce88af.svg)
