How to arrange images in a hierarchical structure?

Question

Something like this picture

I've tried to use ImageCollage with different weights and other conditions, but all of them arrange pictures arbitrarily. For instance

ImageCollage[{4 -> im0, 1 -> im1, 1 -> im2},  Background -> None]

organize the images horizontally:

and so on.

closely related / possible duplicate : Spanning/centering elements with Grid/GraphicsGrid when there's a non-equal number of elem. in rows — kglr, Jul 23 '18 at 23:06

score 6 · Answer 1 · answered Jul 23 '18 at 22:47

6

    SeedRandom@2;
    p = Table[BarChart[RandomReal[1, 5]], 7];

Grid[{{p[[1]], SpanFromLeft}, {p[[2]], SpanFromLeft, p[[3]], 
   SpanFromLeft}, Join @@ {p[[4 ;; 7]]}}, Frame -> All, 
 Alignment -> Center]

answered Jul 23 '18 at 22:47

OkkesDulgerci

10,716
1
19
38

score 4 · Accepted Answer · answered Jul 23 '18 at 21:41

Module[{pl, w = 500, h = 100},
 pl[frac_] := Framed[
   BarChart[
    RandomReal[1, 5]
    , AspectRatio -> frac h/w
    , PlotTheme -> "Scientific"
    , ImageSize -> 0.9 {w/frac, h}
    ], ImageSize -> {w/frac, h}];
 GraphicsGrid[
  {
   PadRight[{pl[1]}, 4, SpanFromLeft],
   {pl[2], SpanFromLeft, pl[2], SpanFromLeft},
   {pl[4], pl[4], pl[4], pl[4]}
   }
  , ImageSize -> {w, 4 h}
  , Spacings -> {0, 0}
  ]]

Mathematica graphics

How to arrange images in a hierarchical structure?

2 Answers2