admin2/manual_teachbooks
1
0
Fork 0
mirror of https://github.com/TeachBooks/manual.git synced 2026-11-13 14:55:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

including multiple options for figure placement

Browse source
This commit is contained in:
Freek Pols 2024-05-30 09:32:46 +02:00
parent 1538da9e7e
commit b3040ce234
1 changed files with 53 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

58
book/basic-features/figures.md
View file

@ -2,6 +2,7 @@
To add a figure, just copy the figure to the correct directory. Then, in your markdown file, include the figure as follows:
````
```{figure} <figurename>.png/.jpg
---
height/width: <height or width in pixels>
@ -9,8 +10,59 @@ To add a figure, just copy the figure to the correct directory. Then, in your ma
---
<Figure caption>
```
````
Using the name label, you can refer to the figure as done with {numref}`Figure {number} <demoexample1>`.
Or you can use the figure form below where you can specify all information and the code is produced for you:
You can find more documentation on including figures [here](https://jupyterbook.org/en/stable/content/figures.html). Some examples with different settings:
````
```{figure} ../images/TUDelft_logo_rgb.png
---
width: 50%
name: demoexample1
align: right
---
example 1: width (50%) as percentage, align right
```
````
provides the output:
```{figure} ../images/TUDelft_logo_rgb.png
---
width: 50%
name: demoexample1
align: right
---
example 1: width (50%) as percentage, align right
```
including a figclass sets the figure to the column at the right.
````
```{figure} ../images/TUDelft_logo_rgb.png
---
figclass: margin
width: 50%
name: demoexample2
---
example 2:including figclass: margin
```
````
<br>
```{figure} ../images/TUDelft_logo_rgb.png
---
figclass: margin
width: 50%
name: demoexample2
---
example 2:including figclass: margin
```
We made a useful tool to make your figures, just specify all information and the code is produced for you:
<div id="figuur_formulier">
@ -18,7 +70,3 @@ Or you can use the figure form below where you can specify all information and t
<div id="listContainer">
</div>
You can find more documentation on including figures [here](https://jupyterbook.org/en/stable/content/figures.html).