How to embed a visualization with a maximum width

It's possible to set a maximum width for your Flourish visualization. You might want to do this if you would like your visualization to always appear at a certain width. 

To change the spacing around your entire graphic:

    1
    Go to  Layout >  Maximum width. Here, you can select from:
  1. "None": Your visualization has no maximum width. It will adjust to the size of the container it is embedded in.
  2. "Everything": Your entire visualization has a maximum width which you can set in pixels. Your visualization will be pushed into the middle of the container and display with a maximum width you set.
  3. "Main graphic": The main graphic in your visualization (everything except for headers and footers) has a maximum width which you can set in pixels. Your visualization will be pushed into the middle of the container and display with a maximum width you set, while your title will stretch to fill the container