Martien van Steenbergen

D3 Hierarchy Layouts

Dependency Matrices

Fan Map Debug

Harmony Map

Indented Tree

Forest for the trees

Grow a tree

Agile Adoptie Argumentenkaart

Fan Map Library

Hierarchies

X-matrices come in sizes and shapes. Get inspired here and fork any one you like to make on yourself.

X-Matrix

It feels confusing to me that a depender anchor = "end" puts the labels in the top left section, while "start" places them in the bottom right.

What is the intuition for "anchor"?

Fabian Iwand

Also, shouldn't the clickers property be called "clickers" instead of "klikkers"?

If this is a BC issue, you can use the following pattern to support the legacy API:
({klikkers = [], clickers = klikkers} = {}) => { ... }

The “end” and "start" is laziness on my side: I can simply copy it to the text-anchor property. I’ll give it some thought and maybe change it to a more intuitive variant.

‘klikker’ is Dutch for ‘clicker’. I had a name clash in one of the earlier versions of MM and needed a variable name and used ‘klikker’. It stuck. Needs to be fixed someday. Thanks for the pattern!