I have imported following packages in code in my Jupyter notebook and have plotted few graphs. However, when I am uploading python file on github the graphs are not showing. I have also tried using nbviewer as suggested in some of the posts but even in nbviewer the plotly graphs are appearing blank.
Libraries imported:
import pandas as pd
import plotly.express as px
import plotly.graph_objects as go
import plotly.io as pio
from IPython.display import Image
nbviewer URL:
Those having a related issue should note that the OP wrote in the comments below that despite it working for me via nbviewer when I ran the same notebook and posted my results on GitHub, OP had issues still. What sorted it out in that case so the plots showed up in nbviewer (yet still not in the GitHub quick-preview, which is as expected currently) was going to settings in the repository and choosing 'Pages' > 'Source' and from that dropdown selecting branch as main.
nbviewer is meant to the way to share things with other from the Jupyter ecosystem. (There are some others closely related, such as notebook{sharing}space that is similar yet private by default because you don't need to have it on GitHub and the URLs are generated in a way others won't see unless you share publicly because of complex.) The nice thing about nbviewer is that is is meant for non-tech savvy.
Plotly should render on nbviewer and in many cases is still interactive, such as here where you can click and rotate or zoom the plots, as nbviewer will allow javascript whereas GitHub presently doesn't.
I put in comments that I wasn't seeing what you are and have linked to demonstrations.
Always only think of the GitHub page as a quick preview. See more about this here, here, here, plus there's other present deficiencies I have noted but haven't pointed to other places (text justification with Pandas dataframes, etc.). Static GitHub-notebook viewing in the browser is also not inviting for those unfamiliar with GitHub as it is embedded in an interface meant to get GitHub users to the code & not to feature the notebook content. Nbviewer does a better job featuring the content.
Try:
pip install plotly
...as your first cell in the notebook and then try NBviewer. It worked for me. I was pretty sure it was working when it took several minutes for NBviewer to load the first time.
I guess the other libraries are part of Nbviewer by default.
Curiously, my first version just had one plotly plot and it worked. Single color points though. When I got fancy and added another plot that had multiple colors, neither plot rendered. It also took hours to update. After pushing the version with pip install, NBviewer updated right away, it just took a long time to load.
pip install plotly in your notebook (which actually runs the equivalent of %pip install plotly, see here) caused it to work. The extra time the first time was mostly it installing plotly and everything it needs, I'd guess. –
Beneficence launch binder there to get active notebooks in session like I used to save the versions there. That way I know for sure what is installed. You should have gotten an error when trying to import plotly though if it wasn't installed. Maybe it needed updating and that triggered it. I'm guessing here. It is weird. –
Beneficence pip install plotly in it or not. (You should be able to demonstrate it yourself by running the notebook with it there and then deleting that cell and saving the notebook.) nbviewer doesn't read that line and do anything with it. nbviewer cares if the notebook was executed and saved from an environment where plotly was installed and working so that among the json text that is passed it is javascript embedded in it that uses javascript code and CSS to render the plot on a 'static' web page. –
Beneficence pip install plotly and reacted to load plotly?) You can see the javascript functions and CSS what is shown from the 'Download' button following lines like <script type=\"text/javascript\">\n", " window.PlotlyConfig = {MathJaxConfig: 'local'};\n",. The plotly.js has been added into the .ipynb file and nbviewer is happy to use it. nbviewer isn't reading the pip install code in the json representation of the notebook file. –
Beneficence pip install plotly after you run the notebook and then save the freshly executed notebook, now lacking the pip install plotly cell, to your machine and and add to GitHub. It should render just fine at nbviewer by using the plotly.js embedded in the .ipynb file that got saved when it was run. –
Beneficence The method that worked for me was the following: install these libraries:
pip install plotly cufflinks char_studio
then add these lines:
import cufflinks as cf
import chart_studio.plotly as py
import plotly.express as px
import plotly.graph_objects as go
import plotly.figure_factory as ff
import plotly.io as pio
from plotly.offline import init_notebook_mode
then
pio.renderers.default = "notebook_connected"
init_notebook_mode(connected=False)
cf.go_offline()
To be honest, I don't know why that worked, but you can see this as an example
The approach that worked for me was
I am not sure if this is the right solution but after trying all the options and importing different libraries, I could get desired result only after changing extension to .ipynb.
I know this is quite late and might be very trivial but I can finally close the question.
© 2022 - 2024 — McMap. All rights reserved.
transformed_data.csvand a similar file not included. At least some plotly express andgo..Figure()plots should be working in nbviewer, as you can see see here. I'd like to check yours if you provide data. – Beneficencedocument.getElementById('9c9bc569-093b-4b76-8b09-b494fedc1148'). So it should work. I'll try running your data next. – Beneficencedata2 = pd.read_csv("./transformed_data.csv"). – Beneficence