Two-column layout for data/visualisations
rolyp opened this issue · comments
With #980 there is a fair amount of “flicker” as the data view grows and shrinks. It might be less intrusive to have the data shown in a separate column to the left of the main column containing the visualisation and narrative text.
- Make left column larger
- Move headings to right column (reserve left for data)
- Put inputs in left column
- New div with id
<figName>-input
in left column
- New div with id
- Grow left column to left as size changes
- Drop
simplegrid.css
– predates CSS grids which are simpler and more powerful
- Drop
- Put
input
elements on same grid row as associated outputs? - Vertically align
LineChart
andBarChart
on bottom edge
See also: