Pyodide notebooks support

[danyx23]

This PR is only a proof of concept at this stage - it demonstrates using pandas inside pyodide based notebooks on grapher pages - i.e. python and the pandas/numpy stack run entirely in the browser, without any server component. Data is fetched via our file based API just like grapher (the data is fetched again but should be fast due to client side caching).

To play with it, open the staging server at a /grapher/ url and scroll to the bottom.

There are a lot of things that are not ideal about this proof of concept, e.g.:

• The "library code" that is taken from Lars' recent new pythonic api to access data for grapher charts is copied verbatim into the first cell instead of used from a library
• The notebook infrastructure we use, starboard, has not been developed further since early 2023 or so. It is thus stuck at pyodide version 0.20. The current version, 0.25, comes with a bunch of nice additions, e.g. transparent support for the requests library
• If we had access to 0.25 then Lars' pythonic api code could be used verbatim - as is, http requests had to be replaced in the code with pyodide.http.open_url
• The notebook text is hardcoded in the GrapherPage.tsx file

[owidbot]

Quick links (staging server):

Site	Admin	Wizard

Login: ssh owid@staging-site-wasm-notebooks

• Site-screenshots: https://github.com/owid/site-screenshots/compare/wasm-notebooks
• SVG tester: https://github.com/owid/owid-grapher-svgs/compare/wasm-notebooks

SVG tester:

Number of differences (default views): 0
Number of differences (all views): 0

Edited: 2024-07-31 08:03:08 UTC
Execution time: 1.26 seconds

[github-actions]

This PR has had no activity within the last two weeks. It is considered stale and will be closed in 3 days if no further activity is detected.

[danyx23]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Pyodide notebooks support #3603 👈
• 🧹 Restructure CF functions code into smaller files #4054 : 1 other dependent PR (#4014 )
• Marcel's enhancements to server-side csv generation #4051
• ✨ generate csv and zip file server side #3613
• ✨ Use grapher config from API instead of from HTML in multiembedder #3884 : 1 other dependent PR (#3922 )
• ✨ Render thumbnails for graphers by uuid #3880
• ✨ add fetching grapher configs by UUID #3879
• ✨ Adds consistent redirects handling for cf workers. #3895
• ✨ add CF function for getting SLUG.config.json #3870 : 1 other dependent PR (#3871 )
• 🔨 change CF thumbnail function to use chart configs from R2 #3867 : 1 other dependent PR (#3865 )
• 🔨 unify r2 config dirs #3945
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @danyx23 and the rest of your teammates on Graphite