Executing .ipynb on github?

General
1

Is it possibe to run .ipynb file on Github instead of using jupyter notebook environment?

2

I’m not quite sure what you mean? Do you mean run them not using the Jupyter interface per se? Since you can use jupyter nbconvert or jupytext to execute notebooks on the command line, you can make GitHub actions that execute the notebook off in shell sessions by runners GitHub offers.
So … ‘yes’…

See here or here or here about GitHub Actions to run Jupyter .ipynb files.

3

1000011783
10000117831080×2376 219 KB

I am able to view the .ipynb file on GitHub but I felt it would be much better if I could run the cells there itself instead of running them on Jupyter notebook environment.visual studio can run on GitHub why not .ipynb files?

4

Viewing a notebook on GitHub is only meant as a preview for developers. The Jupyter Community offers a more full-featured viewing tool nbviewer for sharing ‘static’ notebooks with non-developers.
Example from same source ‘static’ notebook: Plotly plots work via nbviewer pointed at the same notebook here that doesn’t render the plots at GitHub’s preview.)

And the Jupyter Community also offers ways to run a lot of notebooks just by clicking links you can have in GitHub READMEs. If you don’t need a lot of computational power, you can use MyBinder with a full ipykernel or JupyterLite that uses the pyodide kernel that is having less and less limits as it is developed. I know I have pointed you to examples of this for Voici and Voila in the past here.
You can look for the ‘launch binder’ badge on GitHub repos and click on them to see it run all sorts of content from a link at GitHub, such as here.
Next to the ‘launch binder’ badge there is an example of a ‘launch lite’ badge that ends up offering much the same but there isn’t a server running the code somewhere. Instead it is running inside your browser. You just get files like connecting to a normal static website but the active computation for the involved kernel in the Jupyter interface is done in your browser.
(Actually, that is old JupyterLite version; the newest version has significant improvements discussed here

I’m not sure what you mean by this section - Visual Studio Code running on GitHub. You just said you wanted to run code separate from the application environment and then you bring up an application environment running from a link?

Visual Studio Code is a Microsoft Product. Microsoft also owns GitHub that they are willing to support it running from links at GitHub to get you into their ecosystem as a paying customer.

And the picture you show is related to Google Colab and not GitHub. Google Colab is another offering to get you as a paying customer.

1 Like
5

visual studio can run on GitHub why not .ipynb files?
I was talking about the code space where we can run codes.I can run the .ipynb file there.

6

I thought that was already supported?
See GitHub Codespaces :heart: Jupyter Notebooks and maybe even better information at Jupyter notebooks on Codespaces

You should be able to use those approaches in some sort of console or command line access and then use jupyter nbconvert or jupytext to achieve “instead of running them on Jupyter notebook environment”, if that is your goal.

However, this is an premium offering from GitHub that costs real money and therefore you should be asking them for assistance and guidance.

Please read Getting good answers to your questions throughly and follow when considering posting here. No where in your first post was it clear you were speaking about GitHub Codespaces. And then in the screenshot you provide is simply the preview of a static notebook.
The last link there links to here that emphasizes ’ Search, and research’. Please read that and follow it.

2 Likes
7

I saw some meeting link icon to call for a meeting it’s missing now.Is it possible to have meetings as well?

8

Given the title of this thread, do you mean a meeting with GitHub people? I have only ever dealt with them via submitting requests online.

The array of Jupyter Community Meetings offered is listed here. However, I don’t see how those meetings pertain to this thread topic.

9

It was showing a new icon to add an event.It’s not showing now.

10

I am able to deploy jupyter Notebook code using index.html into my GitHub. Untitled58

But how can I make it show only the result leaving the code part using index.html

11

I’m not sure what you really mean by “I am able to deploy jupyter Notebook code using index.html into my GitHub”? When I look at the source code for the pages https://github.com/nasrin1748/jupyter_trying, it is only referencing making static pages via GitHub’s Pages offering. Static pages aren’t going to run Python/Jupyter code. Unless you pivot to using JupyterLite/Voici and it doesn’t seem you have.

It looks to me you just made a static page with some of the css features of Jupyter to make look what looks like a cell above some other content that lets you upload and download.

That being said, to make it only show what I understand you are calling the ‘result’, remove the code making the cell at the top.

However, as we’ve dicussed before, you seem to actually want Voici?
It lets you make pages like Voila but on static served sites. The documents with the content for Voici pages are Jupyter .ipynb files.

Go here to look into it some.
Then go to the guide referenced under Make your own Github pages deployment to try a demo by clicking on ‘try lite now’ badge. Or clicking on the link under ‘Try it in your browser’. Since you mention .html here, I’ll note that link ends at a .html site that you can go to directly, too, by putting https://voila-dashboards.github.io/voici-demo/voici/render/demo.html in your browser’s URL bar. (Or click the following link https://voila-dashboards.github.io/voici-demo/voici/render/demo.html.)
That guide will tell you how to set things up on your own GitHub Pages.

I have a demo I made doing that on my own GitHub Pages here. You launch my clicking the ‘try line now’ badge there. The first one listed there, demo.ipynb, fully works because I just tried it. Plus, ‘old_simple_demo.ipynb’ in that listing that goes to https://fomightez.github.io/voici-demotestMay24/voici/render/old_simple_demo.html works, too. The other ones listed there are tests though and so best avoided at this time. (I see test_providing_inside_nb.ipynb runs fine, too.)

2 Likes
12

I am looking for pure GitHub deployments.I am able to deploy but it even shows the code part to me.How can I avoid it to show the code part? Screen Recording 2025 09 05 105716

13

I get that you are looking for pure GitHub deployments. That is why am saying it is my understanding for GitHub Pages, which you are presently using at GitHub - nasrin1748/jupyter_trying, you are limited to serving content that runs from static pages. So that rules out running a proper ipykernel, Voila, or anything related to JupyterHub. (You can though use a repo to run all that if you have limited computational needs and can use the MyBinder.org service instead of GitHub Pages.)

So what can you use? Fortunately now there is JupyterLite and Voici. Both those get served via static content but the computation runs deep in the browser of the user employing web assembly (WASM). (I know JupyterLite is using the pyodide kernel, or the alternative xeus kernel, to run Python. Voici can use those, too, according to here.) Another limitation that JupyterLite/Voici impose is that certain dependencies are not compatible with WASM at this time.
So if you don’t want code to show like in an app view, you can use Voici; however, you need to use things that work with ipywidgets or other extensions made to work with Voila/Voici. As Voici is very nascent, you may run into issues unless you stick with the basics.

As for the part, “I am able to deploy …”
Looking at what you have running, I don’t see how you are saying that in reference to Jupyter notebook? Yes, you have deployed some HTML page. It looks to me like you have derived parts and are serving them via GitHub Pages. It looks like you derived the static representation of the first part of here (More on nbviewer & that source page below.) Your screencast and code don’t convince me any python or kernel is involved there. It looks like in the screencast you are using normal html and javascript in an iframe to initate an upload and interact with the image. That code really doesn’t need anything in the world of Jupyter at this point. I understand that upstream you may have taken the working of an iframe in IPython to derive some html that you can use elsewhere. But that isn’t the part you are asking about. So unless you go back to using JupyterLite and Voici, the code you are sharing isn’t relative to this forum and you should look for web development help elsewhere.

Specifics:

In my last email I told you how to edit the index.html page to remove the code because that isn’t doing anything at this point.

I am specifically referencing here.

I think if you change that part of index.html to read the following, you’ll remove the ‘code cell’-resembling element:

<body class="jp-Notebook" data-jp-theme-light="true" data-jp-theme-name="JupyterLab Light">
<main>

<span class="n">IFrame</span><span class="p">(</span><span class="n">src</span><span class="o">=</span><span class="s2">"https://nasrin1748.github.io/htmlrepo/?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&amp;layer=mapnik"</span><span class="p">,</span><span class="n">width</span><span class="o">=</span><span class="mi">700</span><span class="p">,</span><span class="n">height</span> <span class="o">=</span> <span class="mi">600</span><span class="p">)</span>
</pre></div>
... (These last few lines above that I kept in and everything below should stay.---->)

More direct option:
If you don’t want the code cell showing, go to this page. You should see the content of your iframe and you can run it, too.
So why does that work? Because as I have been trying to let you know in these last replies, you aren’t doing anything here involving Jupyter or related ecosystem. This is all HTML, CSS, and javascript running on the client machine.

More on what is going on:

The main content and interactive source that you are demonstrating in your webcast is this page. The URL is:

https://nasrin1748.github.io/htmlrepo/

You can simply put that in your URL and go to it and do the same thing you show in your webcast. You don’t really need the https://github.com/nasrin1748/jupyter_trying repo at all.

The code you are supposedly running is here. (The source page https://github.com/nasrin1748/htmlrepo/blob/06720f1ccb9738f17c009d1216b1d7e1524f94ef/index.html in case that last link only works in chrome). In fact, you’ll see that page doesn’t have the code cell, which is what your last two posts were asking about getting rid of. You already had it without that code cell!

So…using index.html from https://github.com/nasrin1748/jupyter_trying (served here via GitHub Pages) you are just really relying on that line to serve an iframe:

<iframe allowfullscreen="" frameborder="0" height="600" src="https://nasrin1748.github.io/htmlrepo/?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&amp;layer=mapnik" width="700"></iframe>
</div>

(Also note, I can effectively do the same thing you currently have at Untitled58, by just pointing nbviewer at your run.ipynb page, like this. CLICK HERE <–If you focus on the first cell and what is in the output area, that is the same thing you have done with your https://github.com/nasrin1748/jupyter_trying repo. But that isn’t doing anything with an active kernel. nbviewer serves static views of .ipynb files on the internet. From nbviewer served pages, you can always get to the source by clicking on the ‘View on GitHub’ icon in the upper right of the oage, in that case your .ipynb file htmlrepo/run.ipynb at 06720f1ccb9738f17c009d1216b1d7e1524f94ef · nasrin1748/htmlrepo · GitHub .)

The source of that iframe is https://github.com/nasrin1748/htmlrepo/blob/06720f1ccb9738f17c009d1216b1d7e1524f94ef/index.html. It is served via GitHub pages and using javascript to let you crop parts of images that you upload using this section of your code. But that code on index.html has nothing to do with Jupyter. That is using HTML and javascript to make an interactive page you can upload and crop images. This is really all you demonstrate in your webcast. Your webcast doesn’t show anything really related to Jupyter. You have not deployed Jupyter Notebook. (Plus, you could have gone to the nbviewer landing page here here, put the URL for your run.ipynb page page in the form, and pointed nbviewer at your run.ipynb page to do much the same.)

Finally, what you have done with your last few posts is not how these forums are meant to work. I shouldn’t have to extensively backtrack to figure out what you have done and are running. Please when you post spell out your goal and what you have done are asking about now. Link to all the involved repos. This post and your latest follow-up don’t come close to doing this. Much of what I have written in this post should have been laid out by you in this post.

14

Yes,I can use this https://nasrin1748.github.io/htmlrepo/ not sure it’s going to support multiple cells. I want to show multiple cell only the outputs deployed using index.html.

15

You aren’t doing anything with cells in what you’ve shared. You just made HTML from previously run cells and are looking at that.
If you want multiple iframes, you can do that without needing to invoke anything to do with Jupyter. It is just static HTML as you did for one page already.

16

I was trying to tell with cropper.js library to crop I may not get multiple cells. So I need iframe to make them work into my jupyter notebook.I just want it to deploy the cell outputs without the code being shown.I tried the following $ jupyter nbconvert --to html Untitled58.ipynb --output index.html --no-input but it gives me the following error.

Screenshot 2025-09-09 102805
Screenshot 2025-09-09 1028051354×660 28.4 KB

17

What exactly gives you that error? You state it as you jupyter nbconvert --to html Untitled58.ipynb --output index.html --no-input but that isn’t the step you show?

I can see at least one issue. You haven’t clicked ‘Trust HTML’ in the upper left and refreshed.

Hard to say at this point if that will fix the current issue or not.

However, please reconsider what you are doing or explain why better because your expectations seem to be at odds with your title. And if so, please move to another thread.
The title of this thread is ‘Executing .ipynb on github?’. Using the jupyter nbconvert --to html means you are just making static HTML. You can take that HTML and adjust it as you see fit. And maybe more importantly, if you don’t want code cells showing, is just to build the page on what you had working before, which isn’t Jupyter notebook. You won’t be executing code in this .ipynb. In fact, it won’t be an .ipynb file.

So returning to what I said about “You can take that HTML and adjust it as you see fit”, and what you said in this part:

Given those two things, you would seem to overcomplicating things if deploying the static output of previously run cells is what you are trying to do. You can just take the HTML parts of the output and build them into the index.html you already had working.
(If that is indeed what you are trying to do, it doesn’t belong in this thread.)

18

Its not more about deploying the static output of previously run cells.Its more about deploying jupyter notebook to github using index.html and without the code being shown.It gives me that error which I have mentioned earlier.Screen Recording 2025 09 10 023339 this is the link for the video showing
$ jupyter nbconvert --to html Untitled57.ipynb --output index.html

gives me the index.html with the cell showing the code but I want only the result(i.e hello) to be shown up without the code for which I have tried

$ jupyter nbconvert --to html Untitled58.ipynb --output index.html --no-input

which indeed gives me the error.

Screenshot 2025-09-09 102805
Screenshot 2025-09-09 1028051354×660 28.4 KB

19

A.) You have a lot of options to investigate other than trying to open the .html in as a webpage: You can check the .html file in a text editor instead of just trying to connect to it. What does that show you about the content? Did you try opening http://localhost:8888/index.html?And you can open it in Chrome on your local machine as a local file.

B.) As I continue to point out, even though you say, “Its not more about deploying the static output of previously run cells”, the direction you are pursuing here isn’t going to lead to that. You are just deploying static HTML so you can just hand edit yourself to make it what you want. If you continue to want to pursue this direction, it doesn’t belong under this title. You won’t be offering the ability to execute any .ipynb file. You want JupyterLite or Voici on GitHub Pages.

1 Like
20

I am not sure if I could share http://localhost:8888/index.html with others.