Tarayıcımdaki Jupyter / ipython not defterinin hücre genişliğini nasıl artırabilirim?

Tarayıcımdaki ipython not defterinin genişliğini artırmak istiyorum. Yüksek çözünürlüklü bir ekranım var ve bu fazladan alanı kullanmak için hücre genişliğini / boyutunu genişletmek istiyorum.

Teşekkürler!

düzenleme: 5/2017

Şimdi jupyterthemes kullanıyorum: https://github.com/dunovank/jupyter-themes

ve bu komut:

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

güzel bir tema ile genişliği% 100 olarak ayarlar.

Varsayılan ayarlarınızı değiştirmek istemiyorsanız ve yalnızca üzerinde çalışmakta olduğunuz not defterinin genişliğini değiştirmek istiyorsanız, bir hücreye aşağıdakileri girebilirsiniz:

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

Bu div.cellçözüm aslında IPython'umda işe yaramadı, ancak neyse ki birisi yeni IPythons için çalışan bir çözüm önerdi:

İçeriği olan bir dosya ~/.ipython/profile_default/static/custom/custom.css( ~/.jupyter/custom/custom.cssiPython) veya (Jupyter) oluşturma

.container { width:100% !important; }

Ardından iPython / Jupyter not defterlerini yeniden başlatın. Bunun tüm not defterlerini etkileyeceğini unutmayın.

Bunu içeren jupyter (sürüm 4.0.6) ile çalışmak için ~/.jupyter/custom/custom.css:

/* 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;
}

Jupyterlab'ı kullanma zamanı

Son olarak, dizüstü bilgisayarlara çok ihtiyaç duyulan bir yükseltme geldi. Varsayılan olarak, diğer tam teşekküllü yerel IDE gibi pencerenizin tam genişliğini kullanır.

Tüm yapman gereken:

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

İşte blog.Jupyter.org bir ekran görüntüsü

Genellikle yeni kurulumdan sonra yaptığım, tüm görsel stillerin saklandığı ana css dosyasını değiştirmektir. Miniconda kullanıyorum ama konumu diğerlerine benziyorC:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

Bazı ekranlarda bu çözünürlükler farklı ve 1'den fazla. Güvenli tarafta olmak için hepsini% 98 olarak değiştiriyorum, bu yüzden dizüstü bilgisayarımdaki harici ekranlarımdan ayrılırsam hala% 98 ekran genişliğim var.

Sonra 1140 piksel yerine ekran genişliğinin % 98'ini koyun .

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

Düzenledikten sonra

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

Dizüstü bilgisayarınızı kaydedin ve yeniden başlatın

Güncelleme

Son zamanlarda, yüklü bir ortamda daha geniş Jupyter hücrelerine sahip olmak zorunda kaldım, bu da buraya geri gelmemi ve kendimi hatırlatmamı sağladı.

Sanal env'de yapmanız gerekiyorsa, jupyter'ı yüklediniz. Css dosyasını bu alt dizinde bulabilirsiniz

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

Herhangi bir hücreden stil sayfasını çağırarak not defterinin CSS'sini ayarlayabilirsiniz. Örnek olarak, Navier Stokes için 12 Adım kursuna bir göz atın .

Özellikle, aşağıdakileri içeren bir dosya oluşturmak

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

size bir başlangıç ​​noktası vermeli. Bununla birlikte, örneğin div.text_cell_rendermarkdown ve kod hücreleriyle başa çıkmak için de ayarlama yapılması gerekebilir .

Bu dosya varsa aşağıdakileri custom.cssiçeren bir hücre ekleyin:

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

Bu, tüm stilleri uygulayacak ve özellikle hücre genişliğini değiştirecektir.

(2018 itibariyle, JupyterHub / JupyterLab'ı denemenizi tavsiye ederim. Monitörün tüm genişliğini kullanır. Bu bir seçenek değilse, belki de bulut tabanlı bir hizmet olarak Jupyter sağlayıcılarından birini kullandığınız için, Okumaya devam et)

(Şık kullanıcı verilerini çalmakla suçlanıyor, bunun yerine Stylus eklentisini kullanmaya başladım)

Şık Tarayıcı Eklentisi kullanmanızı öneririm . Bu şekilde, not defterlerine kod eklemeden tüm not defterleri için css'yi geçersiz kılabilirsiniz. Tüm ekip için paylaşılan bir Jupyter sunucusu çalıştırdığımızdan ve genişlik bir kullanıcı tercihi olduğundan .ipython / profile_default içindeki yapılandırmayı değiştirmek istemiyoruz.

Özellikle dikey olarak yönlendirilmiş yüksek çözünürlüklü ekranlar için bir stil yaptım, bu da hücreleri daha geniş yapar ve tabana biraz boş alan ekler, böylece son hücreyi ekranın ortasına yerleştirebilirsiniz. https://userstyles.org/styles/131230/jupyter-wide Farklı bir düzeniniz varsa veya sonunda fazladan boşluk istemiyorsanız elbette css'imi beğeninize göre değiştirebilirsiniz.

Son fakat en az değil, Şık araç setinizde olması için harika bir araçtır, çünkü diğer siteleri / araçları istediğiniz gibi kolayca özelleştirebilirsiniz (örn. Jira, Podio, Slack, vb.)

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

.end_space {
  height: 800px;
}

Chrome kullanıcıları için, herhangi bir sayfadaki herhangi bir CSS'yi geçersiz kılmanıza ve diğer paylaşım özel CSS'lerini aramanıza ve yüklemenize olanak tanıyan Stylebot'u öneriyorum . Ancak, amacımız için herhangi bir ileri temaya ihtiyacımız yok. Stylebot'u açın, olarak değiştirin Edit CSS. Jupyter bazı tuş vuruşlarını yakalar, böylece aşağıdaki kodu yazamazsınız. Sadece kopyalayıp yapıştırın veya sadece düzenleyiciniz:

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

Genişliği istediğiniz gibi değiştirin,% 90% 100'den daha güzel görünüyor. Ama tamamen gözünüze bağlı.

Ben kullanarak sona kod budur. Giriş ve çıkış hücrelerini sağa ve sola doğru uzatır. Giriş / çıkış numarası gösteriminin kaybolacağını unutmayın:

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>"))

@ Jvd10'un çözümünde bazı değişiklikler yaptım. '! İmportant', TOC kenar çubuğu görüntülendiğinde kabın iyi uyum sağlayamayacağı kadar güçlü görünüyor. Kaldırdım ve minimum genişliği sınırlamak için 'min-width' ekledim.

İşte benim .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;
}

Her şeyi denedim ve hiçbir şey benim için işe yaramadı, veri çerçevemi aşağıdaki gibi HTML olarak göstermeyi kullandım

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

Firefox / Chrome kullanıcıları için,% 100 genişlik elde etmenin güzel bir yolu özel bir TamperMonkey komut dosyası kullanmaktır.

Avantajları

1. bunu tarayıcınızda bir kez yapılandırın, sunucu yapılandırmasını değiştirmenize gerek yok.
2. birden fazla jupyter sunucusuyla çalışır.
3. TamperMonkey güvenilir, bakımlı ve kararlıdır.
4. Javascript ile birçok ek özelleştirme mümkündür.

Bu komut dosyası benim için çalışıyor https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b/jpn_tmonkey.js