Skip to content

show how to make the output in the Jinja2 example responsive #5590

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
camdecoster merged 6 commits into from
May 12, 2026
+33 −6
Merged

show how to make the output in the Jinja2 example responsive #5590

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
09aa8ba
show how to make the output in the Jinja2 example responsive
rl-utility-man May 6, 2026
feec1e0
split into two simpler Python examples
rl-utility-man May 8, 2026
4ddd717
Update doc/python/interactive-html-export.md
rl-utility-man May 11, 2026
70b692c
Apply suggestions from code review
rl-utility-man May 12, 2026
7aecf1c
switch to a standard reference link
rl-utility-man May 12, 2026
7dc4ed8
Update reference section
camdecoster May 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update doc/python/interactive-html-export.md 
Co-authored-by: Cameron DeCoster <cameron.decoster@gmail.com>
  • Loading branch information
@rl-utility-man @camdecoster
rl-utility-man and camdecoster authored May 11, 2026
commit 4ddd7173fe1b4583e28b151780226a9e0b4683ed
2 changes: 1 addition & 1 deletion doc/python/interactive-html-export.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ By default, the resulting HTML file is a fully self-contained HTML file which ca

### Inserting Plotly Output into HTML using a Jinja2 Template

You can insert Plotly output and text related to your data into HTML templates using Jinja2. Use `.to_html` to send the HTML to a Python string variable rather than using `write_html` which sends the HTML to a disk file. Use the `full_html=False` option to output just the code necessary for a component of a larger webpage. The Jinja template will provide the page's `HTML` and `BODY` tags. First create an HTML template file containing a Jinja variable, `{{ fig }}`. The Python takes the template file, replaces the Jinja variable `{{ fig }}` with our graphic `fig`, and saves the resulting complete HTML. The first Python example produces a webpage with a fixed height graph; a second example program shows the additional steps to specify the height of the graphic as a percentage of the height of the browser window.
You can insert Plotly output and text related to your data into HTML templates using Jinja2. Use `.to_html` to send the HTML to a Python string variable rather than using `write_html` to send the HTML to a disk file. Use the `full_html=False` option to output just the code necessary to add a figure to a template. We do not want to output a full HTML page, as the template will define the rest of the page's structure — for example, the page's `HTML` and `BODY` tags. First create a template file containing HTML and a Jinja variable, `{{ fig }}`. We use Python to replace the Jinja variable with our graphic `fig`.

<!-- #region -->

Expand Down