Jupyter Notebook: Ferramentas de edição multimídia

Este documento ilustra as principais ferramentas para editar o notebook, utilizando células de texto Markdown:


In [5]:
# Ajuste de largura do notebook no display
from IPython.core.display import display, HTML
display(HTML("<style>.container { width:95% !important; }</style>"))


Títulos e subtítulos

Títulos e subtítulos são colocados com #, ##, ### ou mais # como a seguir

Subtítulo de terceiro nível

Subítulo de quarto nível

Negrito, itálico e literal

Negrito coloca-se com dois asteriscos. Por exemplo:

  • o texto **Este texto em negrito** fica Este texto em negrito

O texto em Itálico é utilizado com apenas um asterisco. Por exemplo

  • o texto *Este texto em itálico* aparece Este texto em itálico

Para mostrar um texto original (verbatim) usa-se texto separado por crases. Por exemplo

  • este texto aparece com espaçamento fixo: Este é um texto cru

Pode-se criar um bloco de texto original usando linhas com três crases:

Este é um bloco literal
 Os espaçamentos   são preservados,
 {assim como <<<[] } os caracteres especiais não têm significado

Texto colorido

Forma simples de criar texto colorido é utilizando sintaxe do HTML:

  • escrevendo-se <code style="color:red">vermelho</code>, o texto aparece como vermelho

Coloca-se [Link para divulgação curso DL](http://adessowiki.fee.unicamp.br/rnpi)

Veja como aparece: Link para divulgação curso DL

Fazendo um link para uma seção dentro do próprio notebook. Utiliza-se o link usando-se a sintaxe do HTML para referências dentro de arquivo. Lembrar de trocar os espaços dos subtítulos por traço. Por exemplo:

Link para [Negrito e itálico](#Negrito-e-itálico) fica

Link para Negrito, itálico e cru

Itemização de texto

A itemização utiliza caracteres como -, * e números. Para criar itens aninhados, utiliza-se um afastamento maior. Veja estes exemplos:

  • item 1
    • item 1.1
  • item 2

Itemização numérica

  1. item 1
    1. item 1.a este texto pertence ao item 1.a
  2. item 2

Linha de separação

Uma linha de separação é feita colocando-se três caracteres _ no começo de uma linha:


Equações LaTeX

Equações LaTeX podem ser inseridas com o caractere \$, de forma *in line*: $ a = \sum i $ ou de forma destacada:

$$ A = \sum_{i=0}^{n-1} a_i $$

Mostrando imagens na célula markdown

As imagens gravadas em disco em disponíveis na Internet podem ser mostradas tanto como elementos HTML usando <img src= link> como um link jupyter especial para a image utilizando o caracter !. No primeiro caso, a vantagem é que se tem um maior controle do seu posicionamento e dimensão.

No primeiro exemplo a seguir, é utilizado uma imagem com a largura de 256 pontos <img src=link, width=256>: <img src="https://lh5.googleusercontent.com/-4z1aOb-x0Co/AAAAAAAAAAI/AAAAAAAADXc/sAeBMo6pz_k/photo.jpg",width=256>

Já esta outra imagem, é mostrada como um link do IPython no formato ![texto](link):

Inserindo vídeo e website

A inserção de vídeo e website somente na célula de programação Python. O display do IPython possui aplicação específica para importar vídeos do YouTube:


In [1]:
from IPython.display import YouTubeVideo
# a talk about IPython at Sage Days at U. Washington, Seattle.
# Video credit: William Stein.
YouTubeVideo('1j_HxD4iLn8')


Out[1]:

Para inserir website, o display do IPython tem suporte para mostrar um IFrame, onde é possível colocar o endereço de um website:


In [3]:
from IPython.display import IFrame
IFrame('http://wikipedia.com', width=700, height=350)


Out[3]:

Forma de baixar um arquivo de dados para computador local

Uma forma simples de transferir um arquivo gerado pelo Jupyter no servidor para seu computador local é zipá-lo usando o comando gzip do linux e criar um link para ele. Como a extensão será gz quando se clica, o navegador faz o download do arquivo para seu computador local.

Colocar numa célula de código:

!gzip <nome do arquivo>

Colocar numa célula Markdown:

[link para download](<nome do arquivo>.gz)