explorable-viz / fluid

Data-linked visualisations

Home Page:http://f.luid.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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
  • Grow left column to left as size changes
    • Drop simplegrid.css – predates CSS grids which are simpler and more powerful
  • Put input elements on same grid row as associated outputs?
  • Vertically align LineChart and BarChart on bottom edge

See also: