আমি কীভাবে আমার ব্রাউজারে জুপিটার / আইপথন নোটবুকের ঘরের প্রস্থ বাড়াতে পারি?


349

আমি আমার ব্রাউজারে আইপথন নোটবুকের প্রস্থ বৃদ্ধি করতে চাই। আমার একটি উচ্চ-রেজোলিউশন পর্দা রয়েছে এবং আমি এই অতিরিক্ত স্থানটি ব্যবহার করার জন্য ঘরের প্রস্থ / আকার প্রসারিত করতে চাই।

ধন্যবাদ!


সম্পাদনা করুন: 5/2017

আমি এখন জুপিটার্থেস ব্যবহার করি: https://github.com/dunovank/jupyter- থিম

এবং এই আদেশ:

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

যা একটি দুর্দান্ত থিম সহ প্রস্থটি 100% এ সেট করে।


1
এনপি.সেট_প্রিন্টপশনগুলি (250)
ভোগোকলনি

2
ধন্যবাদ! np.set_printoptions(linewidth=110)আমার জন্য কাজ কর.
টিমো

1
@vgoklani দুঃখিত, তবে 'এনপি'? কোথা থেকে আসে?
ব্র্যান্ডেট

1
@ ব্র্যান্ডটি এনপি হিসাবে ভঙ্গুর আমদানি করুন
vgoklani

3
জুপিটার থিমগুলির জন্য @vgoklani +1
গুরশরণ সিং

উত্তর:


613

আপনি যদি নিজের ডিফল্ট সেটিংস পরিবর্তন করতে না চান এবং আপনি যে বর্তমান নোটবুকটি নিয়ে কাজ করছেন তার প্রস্থটি কেবলমাত্র আপনি পরিবর্তন করতে চান, আপনি নীচে একটি ঘরে প্রবেশ করতে পারেন:

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

11
খুশী হলাম। দেখে মনে হচ্ছে এটি কেবল কোড / মার্কডাউন সেলগুলিকে পরিবর্তন করে। আউটপুট সেলগুলি করারও কি কোনও উপায় আছে?
dreyco676

13
এই সমাধানটি আমার পক্ষে কাজ করেছিল! এটি ব্যবহারের জন্য আমার কোনও লিব বা প্যাকেজ ইনস্টল করতে হয়নি।
বিল আনকালাগন কালো

1
আমি জুলিয়ার জন্য জুপিটার ব্যবহার করছি। এক্ষেত্রে আমার কী দরকার তা আপনি জানেন?
বেকো

68
এটি আমার জীবন বদলে দিয়েছে
ইয়েলোপিলো

1
@ বেকো জুলিয়া ডিসকোর্স অনুসারে এটি কাজ করে:display("text/html", "<style>.container { width:100% !important; }</style>")
লিসো

209

এই div.cellসমাধানটি আসলে আমার আইপ্যাথনে কাজ করে নি, তবে ভাগ্যক্রমে কেউ নতুন আইপিথনগুলির জন্য কার্যক্ষম সমাধানের পরামর্শ দিয়েছিল:

সামগ্রী সহ একটি ফাইল ~/.ipython/profile_default/static/custom/custom.css(আইপাইথন) বা ~/.jupyter/custom/custom.css( বৃহস্পতি) তৈরি করুন

.container { width:100% !important; }

তারপরে iPython / Jupyter নোটবুকগুলি পুনরায় চালু করুন। নোট করুন যে এটি সমস্ত নোটবুকগুলিকে প্রভাবিত করবে।


5
তথ্যের এই ছোট্ট স্নিপেটগুলি কিছু জায়গায় পোস্ট করা উচিত, আবারও ধন্যবাদ!
vgoklani

4
এটি অত্যন্ত কার্যকর ছিল
ivrin

13
আইপিথন শুরু করে 4.1 কাস্টম ফোল্ডারের অবস্থানটিতে পরিবর্তিত হয়েছে ~/.jupyter/custom/
রোমেন

6
এটি কাজ করার জন্য আমাকে জপিটার নোটবুকটি পুনরায় চালু করতে হয়েছিল (4.1.0)। আমি উপরের সিএসএস এ রেখেছি~/.jupyter/custom/custom.css
পল

6
100% খুব সুন্দর দেখাচ্ছে না, আমি এটিকে 90% এ পরিবর্তন করেছি
লিয়াং

69

এটি জুপিটারের সাথে কাজ করতে (সংস্করণ 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;
}

এটি লিনাক্সে কাজ করে! তবে উইন্ডোতে এটি সংরক্ষণ করার দরকার কোথায়?
ক্রুসেডেরকি

6
দৌড়াতে চেষ্টা করুন jupyter --config-dir, তারপরে custom\custom.cssযে কমান্ডটি ফিরে আসবে সেখানেই তৈরি করুন।
jvd10

@ jvd10 এটি আমার পক্ষে কাজ করে না। না custom.cssঅন্য কোন উপরের কোড স্নিপেট ব্যতীত আছে? এছাড়াও জুপিটার কীভাবে এটি ব্যবহার করতে জানে?
এমএল স্টুডেন্ট 33

লিনাক্স এবং কমপক্ষে কমপক্ষে, ডিফল্টরূপে বৃহত্তর .jupyterউপরের মতো কাস্টমাইজেশন সহ কনফিগারেশন ফাইলগুলির জন্য ডাকা একটি গোপন ডিরেক্টরি অনুসন্ধান করে। উপরেরটি কেবলমাত্র কাস্টম সিএসএসের সামগ্রী হতে হবে। আরও কিছু তথ্যের জন্য এখানে দেখুন: jupyter.readthedocs.io/en/latest/projects/…
jvd10

24

এটি সময় জুপিটার্ল্যাব ব্যবহার করার

অবশেষে, নোটবুকগুলিতে একটি অতি প্রয়োজনীয় আপগ্রেড এসেছে। ডিফল্টরূপে, এটি আপনার উইন্ডোর সম্পূর্ণ প্রস্থকে অন্য কোনও পূর্ণ-স্থানীয় নেডিয় আইডিইয়ের মতো ব্যবহার করে।

আপনাকে যা করতে হবে তা হ'ল:

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

এখানে ব্লগ.জপিটার.আর.গোর একটি স্ক্রিনশট রয়েছে


2
জুপিটারল্যাব এখনও বিটাতে রয়েছে এবং নিয়মিত নোটবুকগুলি (ডিজাইন অনুসারে) থেকে কিছুটা রিগ্রেশন রয়েছে। একটি উল্লেখযোগ্য হ'ল ডিফল্ট দ্বারা
জেএসকে

1
এবং আপনি কীভাবে একটি জুপিটার ল্যাব কক্ষের প্রস্থ পরিবর্তন করতে পারেন?
মাল্টিগুডেভার্স

1
আমি এক ঘন্টা জুপিটার ল্যাব তৈরির জন্য কাজ করেছি। প্রথমে কোনও গ্রাফিক্স (পাইপ্লট / প্লটলি) প্রদর্শিত হচ্ছে না। দস্তাবেজগুলি আপনাকে অবশ্যই এর জন্য এক্সটেনশানগুলি ইনস্টল করার কথা উল্লেখ করে না। প্লটলি এক্সটেনশনটি ইনস্টল করার চেষ্টা করা হয়েছে। এটির জন্য আপনাকে নোডেজের প্রয়োজন আছে। উভয়ই ইনস্টল করা হয়েছে, এখন আমি "টেমপ্লেটটি খুঁজে পাচ্ছি না:" সূচিপত্র। HTML "" বার্তাটি পেয়েছি। এই মুহুর্তে আমি হাল ছেড়ে দিয়েছি, আমি জুপিটার নোটবুক নিয়ে রয়েছি।
ইটামার কাটজ

15

নতুন ইনস্টলেশন করার পরে আমি সাধারণত যা করি তা হ'ল মূল সিএসএস ফাইলটি সংশোধন করা যেখানে সমস্ত ভিজ্যুয়াল স্টাইল সংরক্ষণ করা হয়। আমি মিনিকোন্ডা ব্যবহার করি তবে অবস্থান অন্যদের সাথে একই রকম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/lib/python3.6/site-packages/notebook/static/style/stye.min.css

1
এটা সত্যিই দারুন! এটি সহজ এবং সঠিকভাবে যা প্রয়োজন তা পূরণ করে।
arbitrarystringofletters

@ Gunay /notebookআমার জন্য ডিরেক্টরিতে নেই।
এমএল স্টুডেন্ট 33

আপনি কি আপনার অজগরটির সংস্করণটি জানেন (অজগর-ভি যখন আপনি আপনার পরিবেশ সক্রিয় করবেন) এবং কীভাবে আপনি ভার্চুয়াল এনভিভি তৈরি করেছিলেন? আপনি কি পাইথন / কনডায় ভেন্ট মডিউল ব্যবহার করেছেন?
গুণে আনাচ

12

আপনি যে কোনও ঘর থেকে স্টাইলশিট কল করে একটি নোটবুকের সিএসএস সেট করতে পারেন। উদাহরণ হিসাবে, নেভিয়ার স্টোকসের 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()

এটি সমস্ত স্টাইলিং প্রয়োগ করবে এবং বিশেষত কক্ষের প্রস্থ পরিবর্তন করবে।


এটি সর্বশেষ আইপিথন (সংস্করণ> 2) এ কাজ করে না। : এই উত্তর চেক stackoverflow.com/a/24207353/2108548
rominf

অথবা আপনি যদি সাম্প্রতিক আইপিথনস এবং জ্যোপেটারগুলিতে কেবলমাত্র বর্তমান নোটবুকের জন্য এটি পরিবর্তন করতে চান তবে @ জিজিংকের উত্তর দেখুন :)
নীলামকবি

8

(2018 সালের হিসাবে, আমি জপিটারহাব / জপিটারল্যাব চেষ্টা করার পরামর্শ দেব It এটি মনিটরের পুরো প্রস্থ ব্যবহার করে this এটি যদি কোনও বিকল্প না হয়, আপনি যেহেতু ক্লাউড-ভিত্তিক জুপিটার-হিসাবে-কোনও পরিষেবা সরবরাহকারী ব্যবহার করছেন, পড়া চালিয়ে যান)

(স্টাইলিশের বিরুদ্ধে ব্যবহারকারীর ডেটা চুরি করার অভিযোগ আনা হয়েছে, আমি এর পরিবর্তে স্টাইলাস প্লাগইন ব্যবহার শুরু করেছি)

আমি স্টাইলিশ ব্রাউজার প্লাগইন ব্যবহার করার পরামর্শ দিচ্ছি । এইভাবে আপনি নোটবুকগুলিতে কোনও কোড যুক্ত না করে সমস্ত নোটবুকের জন্য সিএসএসকে ওভাররাইড করতে পারেন। আমরা আইপিথন / প্রোফাইল_ডিফল্টে কনফিগারেশন পরিবর্তন করতে পছন্দ করি না, যেহেতু আমরা পুরো টিমের জন্য একটি ভাগ করা জুপিটার সার্ভার চালিয়ে যাচ্ছি এবং প্রস্থটি একটি ব্যবহারকারী পছন্দ।

আমি উল্লম্বমুখী উচ্চ-রেস স্ক্রিনগুলির জন্য বিশেষত একটি স্টাইল তৈরি করেছি যা কোষগুলিকে আরও প্রশস্ত করে তোলে এবং নীচে কিছুটা ফাঁকা স্থান যোগ করে, তাই আপনি পর্দার মাঝের অংশে সর্বশেষ ঘরটি স্থাপন করতে পারেন। https://userstyles.org/styles/131230/jupyter-wide আপনি যদি আলাদা আলাদা লেআউট রাখেন তবে আপনি অবশ্যই আমার পছন্দ অনুসারে আমার সিএসএস পরিবর্তন করতে পারেন, বা আপনি শেষ পর্যন্ত অতিরিক্ত খালি স্থান চান না।

সর্বশেষে তবে সর্বনিম্ন নয়, স্টাইলিশ আপনার সরঞ্জামসেটে থাকার একটি দুর্দান্ত সরঞ্জাম, যেহেতু আপনি সহজেই অন্যান্য সাইট / সরঞ্জামগুলিকে নিজের পছন্দ অনুসারে কাস্টমাইজ করতে পারেন (যেমন জিরা, পোদিও, স্ল্যাক ইত্যাদি))

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

.end_space {
  height: 800px;
}

হ্যাঁ, স্টাইলিশ দুর্দান্ত! আপনি দয়া করে নীচে অতিরিক্ত স্থানের জন্য প্রয়োজনীয় কোডটি যুক্ত করতে পারেন? আসল শেষ সেলটি কেন্দ্রীভূত করার জন্য আমার কাছে সর্বদা ফাঁকা লাইন প্রচুর ফাঁকা থাকে।
সিপ্রিয়ান টোমাইগা

2
: আড়ম্বরপূর্ণ ব্রাউজিং ইতিহাস ব্যবহারকারীগণ চুরির 'গতকাল সরিয়ে নেওয়া হয়েছে gadgets.ndtv.com/internet/news/...
stason

6

ক্রোম ব্যবহারকারীদের জন্য, আমি স্টাইলবোটের পরামর্শ দিচ্ছি , যা আপনাকে যে কোনও পৃষ্ঠায় যে কোনও সিএসএসকে ওভাররাইড করতে দেয়, আপনাকে অন্যান্য ভাগ কাস্টম সিএসএস অনুসন্ধান এবং ইনস্টল করতে দেয়। তবে, আমাদের উদ্দেশ্যে আমাদের কোনও অগ্রিম থিমের প্রয়োজন নেই। স্টাইলবট খুলুন, এতে পরিবর্তন করুন Edit CSS। জুপিটার কিছু কীস্ট্রোক ক্যাপচার করে, তাই আপনি নীচের কোডটি টাইপ করতে সক্ষম হবেন না Just কেবল অনুলিপি করুন এবং পেস্ট করুন, বা কেবল আপনার সম্পাদক:

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

আপনার পছন্দ অনুসারে প্রস্থটি পরিবর্তন করুন, আমি 90% 100% এর চেয়ে সুন্দর দেখতে পাই। তবে এটি সম্পূর্ণ আপনার চোখের উপর নির্ভর করে।


জুপিটার নোটবুকের জন্য দুর্দান্ত পরামর্শ কিন্তু আরও অনেক কিছু করে!
রবিনো

@ বিজি, আমি কি কোনও কোড সেলের ভিতরে ক্লিক করব এবং তারপরে রাইট ক্লিক করুন, স্টাইলবট নির্বাচন করুন, সিএসএস সম্পাদনা করুন এবং আপনার যা আছে তা অনুলিপি করুন এবং পেস্ট করুন? যদি তা হয় তবে তা আমার পক্ষে কার্যকর হয়নি। আমি সবেমাত্র উভয় পক্ষের মোটা মার্জিন পেয়েছি।
এমএল স্টুডেন্ট 33

4

এই কোডটি আমি ব্যবহার করে শেষ করেছি। এটি ইনপুট এবং আউটপুট সেলগুলি বাম এবং ডানদিকে প্রসারিত করে। নোট করুন যে ইনপুট / আউটপুট নম্বর সূচকটি চলে যাবে:

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

শান্ত! আমি কেবলমাত্র শেষ পংক্তিটি বাদ দেই কারণ এটি কোষগুলির প্রয়োগের তথ্যকে দূরে সরিয়ে দেয় (কোষগুলির বাম অংশ, এটি এক্সেসকিউশন অর্ডার এবং একটি * যখন মৃত্যুদণ্ড কার্যকর না হওয়া পর্যন্ত
দেখায়

2

আমি @ jvd10 এর সমাধানে কিছু পরিবর্তন করেছি। '! গুরুত্বপূর্ণ' টি খুব শক্ত মনে হয় যে টোসি সাইডবার প্রদর্শিত হওয়ার পরে ধারকটি ভাল মানায় না। আমি এটিকে সরিয়ে ফেলেছি এবং ন্যূনতম প্রস্থকে সীমাবদ্ধ করতে 'মিনিম প্রস্থ' যুক্ত করেছি।

এখানে আমার .জাইপুটার / কাস্টম / কাস্টম.কম।

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

0

আমি সবকিছু চেষ্টা করেছিলাম এবং কিছুই আমার জন্য কাজ করে না, আমি নিম্নলিখিত হিসাবে আমার ডেটা ফ্রেমটি এইচটিএমএল হিসাবে প্রদর্শন করে শেষ করেছি

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

-1

ফায়ারফক্স / ক্রোম ব্যবহারকারীদের জন্য, 100% প্রস্থ অর্জনের একটি দুর্দান্ত উপায় হ'ল একটি কাস্টম ট্যাম্পারমনকি স্ক্রিপ্ট ব্যবহার করা ।

উপকার হয়

  1. আপনার ব্রাউজারে এটি একবার কনফিগার করুন, সার্ভার কনফিগারেশনটি সংশোধন করার দরকার নেই।
  2. একাধিক জুপিটার সার্ভারের সাথে কাজ করে।
  3. ট্যাম্পারমোনকি বিশ্বস্ত, বজায় রাখা এবং স্থিতিশীল।
  4. জাভাস্ক্রিপ্টের মাধ্যমে প্রচুর অতিরিক্ত কাস্টমাইজেশন সম্ভব।

এই স্ক্রিপ্টটি আমার জন্য https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b/jpn_tmonkey.jsn কাজ করে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.