मैं अपने ब्राउज़र में Jupyter / ipython नोटबुक की सेल चौड़ाई कैसे बढ़ाऊँ?

Question

मैं अपने ब्राउज़र में ipython नोटबुक की चौड़ाई बढ़ाना चाहूंगा। मेरे पास एक उच्च-रिज़ॉल्यूशन स्क्रीन है, और मैं इस अतिरिक्त स्थान का उपयोग करने के लिए सेल की चौड़ाई / आकार का विस्तार करना चाहूंगा।

धन्यवाद!

---

संपादित करें: 5/2017

अब मैं jupyterthemes का उपयोग करता हूं: https://github.com/dunovank/jupyter-themes

और यह आदेश:

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

जो एक अच्छे विषय के साथ 100% की चौड़ाई निर्धारित करता है।

Comments

Np.set_printoptions (250)

— vgoklani

धन्यवाद! np.set_printoptions(linewidth=110)मेरे लिये कार्य करता है।

— तिमो

@vgoklani क्षमा करें, लेकिन 'np'? वह कहां से आता है?

— ब्रांट

@ वृंद आयात np के रूप में सुन्न

— vgoklani

बृहस्पति थीम्स के लिए @vgoklani +1

— गुरशरण सिंह

Answer 1

यदि आप अपनी डिफ़ॉल्ट सेटिंग्स बदलना नहीं चाहते हैं, और आप केवल उस वर्तमान नोटबुक की चौड़ाई को बदलना चाहते हैं जिस पर आप काम कर रहे हैं, तो आप निम्नलिखित को एक सेल में दर्ज कर सकते हैं:

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

Comments

अच्छा लगा। ऐसा लगता है कि यह केवल कोड / मार्कडाउन कोशिकाओं को बदलता है। वहाँ भी यह उत्पादन कोशिकाओं है करने के लिए एक रास्ता है?

— dreyco676

यह समाधान मेरे लिए काम किया! मुझे इसका उपयोग करने के लिए कोई भी lib या पैकेज स्थापित करने की आवश्यकता नहीं थी।

— बिल एंकलगन काले

मैं जूलिया के लिए ज्यूपिटर का इस्तेमाल कर रहा हूं। क्या आप जानते हैं कि मुझे इस मामले में क्या चाहिए?

— becko

इसने मेरे जीवन को बदल दिया है

— येलोपिलो

@becko जूलिया प्रवचन के अनुसार यह काम करता है:display("text/html", "<style>.container { width:100% !important; }</style>")

— Liso

Answer 2

वह div.cellसमाधान वास्तव में मेरे IPython पर काम नहीं किया, लेकिन सौभाग्य से किसी ने नए IPythons के लिए काम करने का सुझाव दिया:

सामग्री के साथ एक फ़ाइल ~/.ipython/profile_default/static/custom/custom.css(iPython) या ~/.jupyter/custom/custom.css(Jupyter) बनाएँ

.container { width:100% !important; }

फिर iPython / Jupyter पुस्तिकाओं को पुनः आरंभ करें। ध्यान दें कि यह सभी नोटबुक को प्रभावित करेगा।

Comments

जानकारी के इन छोटे स्निपेट को कुछ जगह पोस्ट किया जाना चाहिए, फिर से धन्यवाद!

— vgoklani

यह बेहद उपयोगी था

— ivrin

IPython 4.1 कस्टम फ़ोल्डर स्थान को शुरू करने से बदल गया है ~/.jupyter/custom/।

— रोमेन

मुझे इसे काम करने के लिए Jupyter नोटबुक (4.1.0) को पुनः आरंभ करना पड़ा। मैंने उपरोक्त सीएसएस में~/.jupyter/custom/custom.css

— पॉल

100% बहुत अच्छा नहीं लगता है, मैंने इसे 90% तक बदल दिया है

— लिआंग

Answer 3

ज्यूपिटर के साथ काम करने के लिए इसे प्राप्त करने के लिए (संस्करण 4.0.6) ~/.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;
}

Comments

यह लिनक्स में काम करता है! लेकिन मुझे विंडोज में इसे बचाने की आवश्यकता कहां है?

— crusaderky

प्रयास करें चल रहा jupyter --config-dirहै, तो बनाने के custom\custom.cssलिए जो भी स्थान है कि आदेश रिटर्न में।

— jvd10

@ jvd10 यह मेरे काम नहीं आया। क्या custom.cssउपरोक्त स्निपेट के अलावा कोई अन्य कोड है? इसके अलावा, जुपिटर इसका उपयोग कैसे जानता है?

— mLstudent33 17

डिफ़ॉल्ट रूप से लाइनक्स और ओएक्सएक्स पर, डिफ़ॉल्ट ज्यूपिटर एक छिपी हुई निर्देशिका की तलाश करता है जिसे .jupyterकॉन्फ़िगरेशन फ़ाइलों के लिए कहा जाता है , जैसे कि ऊपर के अनुकूलन। ऊपर custom.css की एकमात्र सामग्री होनी चाहिए। कुछ और जानकारी के लिए यहां देखें: jupyter.readthedocs.io/en/latest/projects/…

— jvd10

Answer 4

जुपिटरलैब का उपयोग करने का समय आ गया है

अंत में, एक बहुत जरूरी अपग्रेड नोटबुक में आ गया है। डिफ़ॉल्ट रूप से, यह आपकी विंडो की पूर्ण चौड़ाई का उपयोग करता है जैसे कि किसी भी अन्य पूर्ण देशी आईडीई।

तुमको बस यह करना है:

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

यहाँ ब्लॉग से एक स्क्रीनशॉट है। Jupyter.org

Comments

JupyterLab अभी भी बीटा में है और नियमित नोटबुक (डिजाइन द्वारा) से कुछ प्रतिगमन है। एक उल्लेखनीय उल्लेखनीय है जेएस को डिफ़ॉल्ट रूप से मना करना और हर छोटे जेएस विज़ुअलाइज़ेशन के लिए एक्सटेंशन की आवश्यकता है

— सिप्रियन टोमोयागो

और आप जुपिटर लैब सेल की चौड़ाई कैसे बदल सकते हैं?

— मल्टीगुडवर्स

मैं जूपीटर लैब बनाने के लिए एक घंटे काम करने के लिए संघर्ष कर चुका हूं। पहले कोई ग्राफिक्स (pyplot / plotly) नहीं दिखा रहा था। डॉक्स का उल्लेख नहीं है कि आपको उसके लिए एक्सटेंशन इंस्टॉल करना होगा। साजिश के विस्तार को स्थापित करने की कोशिश की। पता चला कि आपको उसके लिए नोडज की आवश्यकता है। दोनों को स्थापित किया गया है, अब मुझे "टेम्प्लेट नहीं मिल रहा है:" index.html "" संदेश। इस बिंदु पर मैंने हार मान ली, मैं ज्यूपिटर नोटबुक के साथ रह रहा हूं।

— इटमार काट्ज

Answer 5

नई स्थापना के बाद मैं आमतौर पर क्या करता हूं मुख्य सीएसएस फ़ाइल को संशोधित करने के लिए जहां सभी दृश्य शैलियों को संग्रहीत किया जाता है। मैं मिनिकोंडा का उपयोग करता हूं, लेकिन स्थान दूसरों के साथ समान हैC:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

कुछ स्क्रीन के साथ ये रिज़ॉल्यूशन अलग-अलग और 1 से अधिक होते हैं। सुरक्षित तरफ रहने के लिए मैं सभी को 98% तक बदल देता हूं, अगर मैं अपने लैपटॉप पर बाहरी स्क्रीन से डिस्कनेक्ट करता हूं तो मेरे पास 98% स्क्रीन की चौड़ाई है।

फिर स्क्रीन की 98% चौड़ाई के साथ बस 1140px को बदलें ।

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

संपादन के बाद

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

अपनी नोटबुक को सहेजें और पुनः आरंभ करें

---

अपडेट करें

हाल ही में एक पर्यावरण पर इसे स्थापित करने के लिए ज्यूपिटर कोशिकाओं को व्यापक करना पड़ा, जिसने मुझे यहां वापस आने और खुद को याद दिलाने के लिए प्रेरित किया।

यदि आपको इसे वर्चुअल env में करने की आवश्यकता है तो आपने jupyter को चालू किया है। आप इस उपखंड में सीएसएस फ़ाइल पा सकते हैं

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

Comments

यह कमाल का है! यह सरल है और ठीक वही है जो आवश्यक है।

— मनमाने ढंग से

@Gunay /notebookमेरे लिए निर्देशिका में मौजूद नहीं है।

— mLstudent33 17

क्या आप अपने अजगर (अजगर -V के संस्करण को जानते हैं जब आप अपने पर्यावरण को सक्रिय करते हैं) और आपने वर्चुअल वीवी कैसे बनाया? क्या आपने पायथन / कोंडा पर वेनव मॉड्यूल का उपयोग किया?

— गुनाय आँच

Answer 6

आप किसी भी सेल से एक स्टाइलशीट कॉल करके नोटबुक का CSS सेट कर सकते हैं। एक उदाहरण के रूप में, 12 स्टेप्स टू नावियर स्टोक्स कोर्स देखें ।

विशेष रूप से, एक फ़ाइल युक्त बनाना

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

आपको एक प्रारंभिक बिंदु देना चाहिए। हालांकि, div.text_cell_renderमार्कडाउन के साथ-साथ कोड कोशिकाओं से निपटने के लिए उदाहरण के लिए समायोजित करना भी आवश्यक हो सकता है ।

यदि वह फ़ाइल है custom.cssतो सेल युक्त जोड़ें:

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

यह सभी शैलियों को लागू करेगा, और, विशेष रूप से, सेल की चौड़ाई को बदल देगा।

Comments

यह नवीनतम IPython (संस्करण> 2) में काम नहीं करता है। इस उत्तर को जांचें: stackoverflow.com/a/24207353/2108548

— rominf

या यदि आप अभी हाल के ipythons और jupyter में वर्तमान नोटबुक के लिए इसे बदलना चाहते हैं, तो @ jjinking का उत्तर देखें :)

— nealmcb

Answer 7

(2018 के अनुसार, मैं जुपाइटरहब / ज्यूपिटरलैब को आज़माने की सलाह दूंगा। यह मॉनिटर की पूरी चौड़ाई का उपयोग करता है। यदि यह एक विकल्प नहीं है, हो सकता है कि जब से आप क्लाउड-आधारित जुपिटर-ए-सर्विस प्रोवाइडर्स में से एक का उपयोग कर रहे हों, पढ़ते रहिये)

(स्टाइलिश पर उपयोगकर्ता डेटा चोरी करने का आरोप है, मैं इसके बजाय स्टाइलस प्लगइन का उपयोग करने के लिए आगे बढ़ा हूं)

मैं स्टाइलिश ब्राउज़र प्लगइन का उपयोग करने की सलाह देता हूं । इस तरह आप सभी नोटबुक्स के लिए css को ओवरराइड कर सकते हैं, बिना किसी नोटबुक्स के कोड को जोड़ सकते हैं। हम .ipython / profile_default में कॉन्फ़िगरेशन बदलना पसंद नहीं करते हैं, क्योंकि हम पूरी टीम के लिए एक साझा Jupyter सर्वर चला रहे हैं और चौड़ाई एक उपयोगकर्ता वरीयता है।

मैंने विशेष रूप से लंब-उन्मुख उच्च-रिज़ल्ट स्क्रीन के लिए एक शैली बनाई, जो कोशिकाओं को व्यापक बनाती है और नीचे में थोड़ी खाली जगह जोड़ती है, इसलिए आप स्क्रीन के केंद्र में अंतिम सेल को स्थिति दे सकते हैं। https://userstyles.org/styles/131230/jupyter-wide आप अपनी पसंद के हिसाब से मेरी सीएसएस को संशोधित कर सकते हैं, यदि आपके पास एक अलग लेआउट है, या आप अंत में अतिरिक्त खाली स्थान नहीं चाहते हैं।

अंतिम लेकिन कम से कम, स्टाइलिश आपके टूलसेट में एक महान उपकरण है, क्योंकि आप आसानी से अन्य साइटों / उपकरणों को अपनी पसंद के अनुसार अनुकूलित कर सकते हैं (जैसे जीरा, पोडियो, स्लैक, आदि)

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

.end_space {
  height: 800px;
}

Comments

हाँ, स्टाइलिश महान है! क्या आप नीचे दिए गए अतिरिक्त स्थान के लिए आवश्यक कोड जोड़ सकते हैं? मेरे पास हमेशा एक रिक्त सेल होती है जिसमें बहुत सारी रिक्त लाइनें होती हैं ताकि वास्तविक अंतिम सेल केंद्रित हो सके -_-।

— साइप्रियन टोमोयागू

: स्टाइलिश ब्राउज़िंग इतिहास उन चुराने के लिए 'कल कार्रवाई की गई थी gadgets.ndtv.com/internet/news/...

— Stason

Answer 8

क्रोम उपयोगकर्ताओं के लिए, मैं स्टाइलबॉट को सलाह देता हूं , जो आपको किसी भी पृष्ठ पर किसी भी सीएसएस को ओवरराइड करने देगा, साथ ही आपको अन्य शेयर कस्टम सीएसएस को खोजने और स्थापित करने देगा। हालाँकि, हमारे उद्देश्य के लिए हमें किसी अग्रिम विषय की आवश्यकता नहीं है। स्टाइलबॉट खोलें, को बदलें Edit CSS। जुपिटर कुछ कीस्ट्रोक्स को कैप्चर करता है, इसलिए आप नीचे दिए गए कोड को टाइप नहीं कर पाएंगे। बस कॉपी और पेस्ट करें, या सिर्फ आपका संपादक:

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

अपनी पसंद के अनुसार चौड़ाई बदलें, मुझे लगता है कि 90% 100% की तुलना में अच्छे लगते हैं। लेकिन यह पूरी तरह से आपकी नजर में है।

Comments

बृहस्पति नोटबुक के लिए बहुत बढ़िया सुझाव है, लेकिन इतना अधिक करता है!

— रॉबिनो

@bizi, क्या मैं एक कोड सेल के अंदर क्लिक करता हूं और फिर राइट क्लिक करता हूं, स्टाइलबॉट का चयन करता हूं, CSS संपादित करता हूं और आपके पास जो कुछ भी है उसे कॉपी और पेस्ट करता हूं? यदि हां, तो यह मेरे लिए काम नहीं किया। मुझे बस दोनों तरफ से मोटे मार्जिन मिले।

— mLstudent33

Answer 9

यह वह कोड है जिसका मैंने उपयोग किया है। यह इनपुट और आउटपुट कोशिकाओं को बाईं और दाईं ओर फैलाता है। ध्यान दें कि इनपुट / आउटपुट संख्या संकेत चला जाएगा:

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

Comments

ठंडा! मैं केवल अंतिम पंक्ति को बाहर कर

— दूंगा

Answer 10

मैंने @ jvd10 के समाधान में कुछ संशोधन किया। टीओसी साइडबार प्रदर्शित होने पर कंटेनर महत्वपूर्ण रूप से मजबूत नहीं होता है। मैंने इसे हटा दिया और न्यूनतम चौड़ाई को सीमित करने के लिए 'मिनट-चौड़ाई' जोड़ दी।

यहाँ मेरा .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;
}

Answer 11

मैंने सब कुछ करने की कोशिश की और मेरे लिए कुछ भी काम नहीं किया, मैंने अपने डेटा फ्रेम को HTML के रूप में प्रदर्शित करने का उपयोग करके समाप्त किया

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

Answer 12

फ़ायरफ़ॉक्स / क्रोम उपयोगकर्ताओं के लिए, 100% चौड़ाई प्राप्त करने का एक अच्छा तरीका एक कस्टम टैम्परेरीकी स्क्रिप्ट का उपयोग करना है ।

लाभ हैं

1. अपने ब्राउज़र में इसे एक बार कॉन्फ़िगर करें, सर्वर कॉन्फ़िगरेशन को संशोधित करने की कोई आवश्यकता नहीं है।
2. कई ज्यूपिटर सर्वर के साथ काम करता है।
3. TamperMonkey विश्वसनीय, रखरखाव और स्थिर है।
4. जावास्क्रिप्ट के माध्यम से बहुत सारे अतिरिक्त अनुकूलन संभव है।

यह स्क्रिप्ट मेरे लिए काम करती है https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573cc20a22fca126e3b03f4abf281b/jpn_key