(Like Organization) How to draw a schema

Hello,
Is it easy to draw a schema on an HTML page?


I don’t know if it’s the family tree in the picture, but I want to draw something like this if it’s simple.
There will be a select option inside the boxes shown in the picture.
Options
1/2
1/3
1/4
1/6
1/8
1/16
1/32
1/64
When one of these options is selected,
so many boxes and select option in the box should occur in a bottom line
It should continue like this
It’s easy, I don’t know if it’s hard

Something like this?

2 Likes

@skawid

dig it… could come in handy for a site ‘map’ too for clients…

question: If there are ‘multiple/many’ CHILD nodes/entries… how can you keep them all on the same ‘level’ (width) seems like at a certain point they wrap and stack.

Could an overflow:scroll or something be implemented for example? (havent played around with it yet myself)

update: just adding a hard-coded with to the parent LI seems to address that.

I want to do as in the example in this picture but I have no idea
It should be formed by choosing from top to bottom.


I’ve reviewed the code in the URL before, but I couldn’t come up with an idea for myself.

I tried to do something clumsy here
https://jsfiddle.net/ademgenc/gedLy1m7/9/

Sponsor our Newsletter | Privacy Policy | Terms of Service