I have a chart that is a time based chart. However when I try to publish it as a image - it doesn't seem to physically publish. I get link and when I inspect link I can see the image, but the image is just a blank when you look at the site. I thought this was a browser specific issue - but alas, tried it on linux/microsoft O/S and different browsers - same result - the image is blank.
The interactive version of the graph seems to be working from the get go, in all o/s and browsers.
Is there way to bypass this and have a time-based chart display as an image?
Addendum:
The type of graph is as follows:
The x axis is time and y axis is any relevant value. The graph events that has happened at a given time instant. However with most if not all Google charts, when you click the publish button you have the option to publish the graph as an image or an interactive graph:
However with time-based graphs you still get this option but when you choose to publish it as an image, and go to the published website - there is nothing to be seen there - it's just blank. I have tried different o/s and browsers but no success.
Is there a way to publish the time-based graph as an image that can actually be seen?
This should not have a google-visualization tag. It looks like you are have created a chart in Google docs and are trying to use their 'publish to the web' feature. That is separate from the Google visualization API.
Related
I've done some analysis using Pandas on a csv file and have created a number of graphs using matplotlib and plotly.
I'm trying to get these graphs in a html page so my team can see them on a dashboard.
I know it's possible to download the image and embed into html, however, the csv file I performed my analysis on will be constantly updated i.e. I need a way of include the graphs on a html page which auto refreshes.
Is this possible?
I think it would be possible and check pyscrpit
https://pyscript.net/
where you can use python in html
https://github.com/pyscript/pyscript/blob/main/docs/tutorials/getting-started.md
here are some tutorials to get and idea of what I am talking about and to start
Then you can host the html page anywhere you like and they will see when you update it
Voila or Panel to make a dashboard is another way to go. That needs an active Python kernel at this time. (That is as opposed to the pyscript / webassembly route. JupyterLite currently works in WASM and Voila in WASM is in development.) Examining demonstrations available at the Voila Gallery will give you a sense of how it can work. All those example demos are served via MyBinder. And you can use that too, if your code and data can be public. If it cannot be public, you'd need to host a server that only your team can access.
JupyterLite would also be possible if you don't mind your team being able to see the code cells and things that compose your Jupyter notebook stepping through the analysis. That would not require an active Python kernel server-side because it is based on WebAssembly that would run inside the client machine, like PyScript. So all you would need to do was a have a server that can serve static files. That's a lower bar than Voila that would run on the server. How to get started deploying JupyterLite is here.
I would checkout out Dash or Plotly, here you can add generation of the graphs in a callback for isntace. Which would update them when the .csv updates. Good luck!
Context
Based on the Plotly descriptions it seems one can self-host plotly and the dash. However, I did not find an MWE to "self-host" plotly inside a GitHub pages website. (To reduce the number of accounts used in such a visualisation (from 2; 1 for GitHub 1 for Plotly, to just one for GitHub)).
Note
"Self-hosted" is in quotations because hosting a page on GitHub is not self-hosting, however, often one can take a self-hosted webpage and host it on GitHub pages. I assume if one can host plotly on GitHub pages, one can also self-host it. And my first approach would consist of simply pushing the self-hosted website with an interactive plotly graph, to GitHub pages. I did not yet find an MWE for this.
Question
How can one host an interactive plotly graph with a slider, inside a GitHub pages website without Plotly account?
Example
This is an example of an interactive Plotly graph with a slider:
I have a Python script that ingests GFS model data and plots it using matplotlib. How do I get those exact plots to display on a website? I am currently using PythonAnywhere to build my webpage.
It looks like Python Anywhere has a variety of options for how you can host your website/web application--so the details of how to do this will depend on how you are hosting your site.
One option is Flask, and I'll just point you to Matplotlib's example on embedding Matplotlib within Flask.
Another option is to generate the plots statically somewhere, and then upload them into your static website content. I'm not sure how exactly one one would go about that with Python Anywhere.
I need to add a real-time chart to my Flask-SocketIO app, for that i found Plotly.
Would it be possible with Plotly to generate a chart which shows both real-time data and past data? When the user opens the page he should be able to see both the data from before the webpage was opened and the new data. How would it be possible to accomplish that with Plotly? Is there an example for it?
For this kind of apps it's highly recommended to feed your real time data to a database and connect your visualization with said database, however I think it is possible to achieve what you want in jupyter notebook with plotly 3 FigureWidget's batch_update. I can't quite get the idea of what you want without some code though.
Goal
I want to create a web app with a horizontal GUI bar that floats with the user as they move from site to site. e.g. A user will sign into the web at the home page and then proceed to say Google to start searching for their topic. Once they are signed in and leave the web app homepage a horizontal GUI bar will appear on each page they visit until they log out. So when a user goes to Google to start searching the GUI bar will be there. When they click on a link and go to that page, the GUI bar will be there too.
Known Ways
I noticed apps like Get Glue and Layers.com work by having the user install browser extensions. I would like to avoid this if possible.
Additionally it can not be like the Digg Bar because it only appears when a user presses the book marklet or places digg.com in front of the site/page URL. It also can't be like the Facebook or Meebo bars because it requires the web developer to already have implemented that code on their site.
Closest Example
The best example of what I am trying to go after is something like Google Image search where if you click an image Google will open up the site (but grayed out) with the picture hovering above it and a left side bar with image info in it. So Google opens a site with in it self. Another example might be Stumble Upon's top GUI bar.
Is my idea possible with technologies like AJAX and Python?
The closest you can get is using (ick) frames, with one frame for your bar and one for the page. That's what Google Image Search does. It can easily get broken by frame-busting scripts though.
Is my idea possible with technologies
like AJAX and Python?
If the pages you want floating under the bar belong to a different domain than yours (it seems like that's what you want), then the answer is No. This is not possible with client-sided scripting alone (eg: Javascript) because of the same origin policy. What you use on the server side, Python or Ruby or whatever is irrelevant.