Toph Tucker

Utilities

ooh! maybe checkboxes instead of radio buttons? or maybe that's configurable via some "multiple: true" option?

Visnu Pitiyanuvath

also thinking this could be generalized somehow to graphs / circular graphs… 🤔

ya i started to add a multiple option hang on …

mm multiple's gonna be a lil trickier bc w/ radio i can just brute set the value on the root node onInput but w/ checkbox i gotta maintain state in form-land and translate it back to the native javascript objects a la https://github.com/observablehq/inputs/blob/main/src/checkbox.js

circular! yeah ha like if it were a generator it could just keep next-ing the children or something so they wouldnt have to be finite?

I would recommend to wrap each radio+label label in a <label> (so that clicking will select it), and to limit subtree toggling to the arrow.

Fabian Iwand

I see now that you're using <details> - in that case ignore the suggestion regarding the toggle.

Yes, this times out on large hierarchies. A lazy generator approach might be nice.

Thad Kerosky

@thadk Can you provide an example? The right solution depends on wether it needs to handle many elements in a single branch, or many elements fairly evenly distributed across all branches.

good point @thadk! i could try to rip off the standard inspector https://github.com/observablehq/inspector/search?q=yield

I finally put together an example. It's big 😅 https://observablehq.com/@thadk/phylogenic-tree-hierarchy-data