Using svg as presentation program

Hi. Today i want to show a way to make a presentation without any program. You need a program, actually. A program to make svg images, that are vector based images. Thess are good for two reasons:
- they are good to make schemes and simple drawings that are scalable;
- they are occupy few space.

There is a nice free tool to make svg files. It is called Inkscape (there is also a portable version). Choose a size of the slides and then create your presentation saving the different slides in form of svg files. For example, let's call them slide1.svg, slide2.svg and so on.
After this we create an html file like the one you see in the pics below (that are svg files of course). So the follow example explains what I mean.
If we make many slides, it could be a little bit annoying to write all the lines of html to show the pics, so, in the next post, I will show you some code in python to create automatically the html file, so that you don't have to bother with anything except making the slides in svg.

Comments

Widgets for Jupyter Notebook: a text input widget

Widgets for Jupyter notebook ¶ Let's import the module ipywidgets into the Jupyter Notebook from ipywidgets import widgets from ipywidgets import * from traitlets import * Now we import the display function from IPython ¶ let's attach a function to the event on_submit After we run this cell, we can go up and write something in the text widget and after you submit the text you wrote will be printed after the cell from IPython.display import display text = widgets . Text () display ( text ) def handle_submit ( sender ): print ( "Thank you for entering this text:" , text . value ) text . on_submit ( handle_submit ) Thank you for entering this text: Ciao

Image in Jupyter and PIL step by step

Hi, """ Hi, we will see a step by step tutorial about PIL and IPython.core.display modules to create images from other images and diplaying them in Jupyter notebook """ # What we will do # Create a card # 1. Take a pic of a heart # 2. Create an image blanck the size of a card 90*130 # 3. Paste the heart in the middle # 4. show the card """ As first step wi will simply display an image on the notebook. I will show two way to display the image with 'display' from IPhyton a. Using the open method of PIL.Image (named Img) b. Using the Image method from the IPython.core.display module """ # 1. Take the pic of a heart from IPython.core.display import Image , display from PIL import Image as Img heart = 'img/heart.png' display ( Image ( heart )) display ( Img . open ( heart )) # 2. Create an image blanck the size of a card 90*130 # 3. Paste the heart in the middle #...

Let's draw a circle with PIL in Python

Let's continue making our coding around PIL. Let's start with some basic drawing: a circle from PIL import Image , ImageDraw img = Image . new ( "RGB" ,( 60 , 60 ), 'white' ) dr = ImageDraw . Draw ( img ) dr . ellipse (( 0 , 0 , 60 , 60 ), 'yellow' ) img . show () this is the image produced *If you use jupyter notebook, just write img at the end to see the output.

Pythoprogs aka Python programs

Search This Blog