parkerziegler/reviz

fix: Improve rendering of program output to fit window dimensions.

Opened this issue · 1 comments

parkerziegler commented

Currently, the rendering of program output is a bit wonky. For example, notice below how the visualization doesn't expand to fill the available width and is far too tall for the container.

image

Fortunately, Plot allows us to specify manual widths and heights of plots. We can take advantage of this by passing along the clientWidth and clientHeight properties of the containing DOM node to the invisible iframe where the plot is rendered. This should ensure we get nicely-sized plots for the program output.

In addition to the above, the following improvements should be in scope for this issue:

  • Add an event listener to trigger program runs on Shift + Enter, Cmd + S, and Ctrl + S.
  • Show a program as "stale" by lighting up its Execute button (á la Observable).
    • Addressed in #19.
  • Debug and address any issues around tick marks; we're currently rendering far too many tick marks.
parkerziegler commented

90% of the implementation added in #18.