Como aumentar a largura da célula do bloco de anotações Jupyter / ipython no meu navegador?

Gostaria de aumentar a largura do notebook ipython no meu navegador. Eu tenho uma tela de alta resolução e gostaria de expandir a largura / tamanho da célula para fazer uso desse espaço extra.

Obrigado!

editar: 5/2017

Agora uso jupyterthemes: https://github.com/dunovank/jupyter-themes

e este comando:

jt -t oceans16 -f roboto -fs 12 -cellw 100%

que define a largura para 100% com um bom tema.

Se você não quiser alterar as configurações padrão e alterar a largura do bloco de anotações atual em que está trabalhando, poderá inserir o seguinte em uma célula:

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))

Essa div.cellsolução não funcionou realmente no meu IPython, no entanto, felizmente, alguém sugeriu uma solução funcional para novos IPythons:

Crie um arquivo ~/.ipython/profile_default/static/custom/custom.css(iPython) ou ~/.jupyter/custom/custom.css(Jupyter) com conteúdo

.container { width:100% !important; }

Em seguida, reinicie os notebooks iPython / Jupyter. Observe que isso afetará todos os notebooks.

Para que isso funcione com o jupyter (versão 4.0.6), criei ~/.jupyter/custom/custom.csscontendo:

/* Make the notebook cells take almost all available width */
.container {
    width: 99% !important;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px !important;
}

É hora de usar o jupyterlab

Finalmente, uma atualização muito necessária chegou aos notebooks. Por padrão, ele usa toda a largura da sua janela como qualquer outro IDE nativo completo.

Tudo o que tem a fazer é:

pip install jupyterlab
# if you use conda
conda install -c conda-forge jupyterlab
# to run 
jupyter lab    # instead of jupyter notebook

Aqui está uma captura de tela do blog.Jupyter.org

O que geralmente faço após a nova instalação é modificar o arquivo css principal, onde todos os estilos visuais são armazenados. Eu uso o Miniconda, mas a localização é semelhante com os outrosC:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

Em algumas telas, essas resoluções são diferentes e maiores que 1. Por segurança, altero tudo para 98%, portanto, se eu me desconectar das telas externas do laptop, ainda tenho 98% da largura da tela.

Em seguida, substitua 1140px por 98% da largura da tela.

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

Após a edição

@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}

Salve e reinicie seu notebook

Atualizar

Recentemente, tive que células Jupyter mais amplas em um ambiente em que está instalado, o que me levou a voltar aqui e me lembrar.

Se você precisar fazer isso no ambiente virtual, você instalou o jupyter. Você pode encontrar o arquivo css neste subdir

env/lib/python3.6/site-packages/notebook/static/style/stye.min.css

Você pode definir o CSS de um bloco de notas chamando uma folha de estilo a partir de qualquer célula. Como exemplo, veja o curso 12 Passos para Navier Stokes .

Em particular, a criação de um arquivo contendo

<style>
    div.cell{
        width:100%;
        margin-left:1%;
        margin-right:auto;
    }
</style>

deve lhe dar um ponto de partida. No entanto, pode ser necessário também ajustar, por exemplo, div.text_cell_renderpara lidar com remarcações e células de código.

Se esse arquivo for custom.css, adicione uma célula contendo:

from IPython.core.display import HTML
def css_styling():
    styles = open("custom.css", "r").read()
    return HTML(styles)
css_styling()

Isso aplicará todos os estilos e, em particular, alterará a largura da célula.

(A partir de 2018, eu recomendaria experimentar o JupyterHub / JupyterLab. Ele usa toda a largura do monitor. Se isso não for uma opção, talvez porque você esteja usando um dos provedores de Jupyter como serviço de nuvem, continue lendo)

(Stylish é acusado de roubar dados do usuário, passei a usar o plug-in Stylus)

Eu recomendo usar o Stylish Browser Plugin . Dessa forma, você pode substituir o css em todos os notebooks, sem adicionar nenhum código aos notebooks. Não gostamos de alterar a configuração em .ipython / profile_default, pois estamos executando um servidor Jupyter compartilhado para toda a equipe e a largura é uma preferência do usuário.

Criei um estilo especificamente para telas de alta resolução com orientação vertical, que amplia as células e adiciona um pouco de espaço vazio na parte inferior, para que você possa posicionar a última célula no centro da tela. https://userstyles.org/styles/131230/jupyter-wide Você pode, é claro, modificar meu css ao seu gosto, se você tiver um layout diferente ou se não quiser espaço em branco extra no final.

Por último, mas não menos importante, o Stylish é uma ótima ferramenta para ter em seu conjunto de ferramentas, pois você pode personalizar facilmente outros sites / ferramentas ao seu gosto (por exemplo, Jira, Podio, Slack, etc.)

@media (min-width: 1140px) {
  .container {
    width: 1130px;
  }
}

.end_space {
  height: 800px;
}

Para usuários do Chrome, recomendo o Stylebot , que permitirá substituir qualquer CSS em qualquer página, além de pesquisar e instalar outro CSS personalizado de compartilhamento. No entanto, para nosso propósito, não precisamos de nenhum tema avançado. Abra Stylebot, mude para Edit CSS. O Jupyter captura algumas teclas, assim você não poderá digitar o código abaixo. Apenas copie e cole, ou apenas o seu editor:

#notebook-container.container {
    width: 90%;
}

Mude a largura como quiser, acho que 90% parece melhor que 100%. Mas isso depende totalmente dos seus olhos.

Este é o código que acabei usando. Estende células de entrada e saída para a esquerda e direita. Observe que a indicação do número de entrada / saída desapareceu:

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))
display(HTML("<style>.output_result { max-width:100% !important; }</style>"))
display(HTML("<style>.prompt { display:none !important; }</style>"))

Fiz algumas modificações na solução do @ jvd10. O '! Important' parece forte demais para que o contêiner não se adapte bem quando a barra lateral do sumário é exibida. Eu o removi e adicionei 'min-width' para limitar a largura mínima.

Aqui está o meu .juyputer / custom / custom.css:

/* Make the notebook cells take almost all available width and limit minimal width to 1110px */
.container {
    width: 99%;
    min-width: 1110px;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px;
}

Eu tentei de tudo e nada funcionou para mim, acabei usando a exibição do meu quadro de dados como HTML da seguinte maneira

from IPython.display import HTML    
HTML (pd.to_html())

Para usuários do Firefox / Chrome, uma boa maneira de atingir 100% de largura é usar um script TamperMonkey personalizado .

Os benefícios são

1. configure isso uma vez no seu navegador, não há necessidade de modificar a configuração do servidor.
2. trabalha com vários servidores jupyter.
3. O TamperMonkey é confiável, mantido e estável.
4. É possível criar muitas personalizações adicionais via javascript.

Este script funciona para mim https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b/jpn_tmonkey.js