{"id":16282474,"url":"https://github.com/jtpio/p5-notebook","last_synced_at":"2025-03-16T13:31:24.311Z","repository":{"id":38324640,"uuid":"249029442","full_name":"jtpio/p5-notebook","owner":"jtpio","description":"A Jupyter Notebook environment for p5.js kernels running in the browser, powered by JupyterLite 💡","archived":false,"fork":false,"pushed_at":"2024-03-16T21:05:40.000Z","size":882,"stargazers_count":129,"open_issues_count":8,"forks_count":14,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-04-14T17:24:55.939Z","etag":null,"topics":["jupyter","jupyter-notebook","jupyterlite","notebook","p5js","processing"],"latest_commit_sha":null,"homepage":"https://p5nb.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jtpio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-21T17:45:26.000Z","updated_at":"2024-05-02T16:49:35.109Z","dependencies_parsed_at":"2024-05-02T16:59:37.518Z","dependency_job_id":null,"html_url":"https://github.com/jtpio/p5-notebook","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jtpio%2Fp5-notebook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jtpio%2Fp5-notebook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jtpio%2Fp5-notebook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jtpio%2Fp5-notebook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jtpio","download_url":"https://codeload.github.com/jtpio/p5-notebook/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243817153,"owners_count":20352504,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jupyter","jupyter-notebook","jupyterlite","notebook","p5js","processing"],"created_at":"2024-10-10T19:10:46.846Z","updated_at":"2025-03-16T13:31:23.951Z","avatar_url":"https://github.com/jtpio.png","language":"CSS","readme":"# ![p5-icon](./favicon.ico) p5-notebook ![p5-icon](./favicon.ico)\n\n[![Github Actions Status](https://github.com/jtpio/p5-notebook/workflows/Build/badge.svg)](https://github.com/jtpio/p5-notebook/actions)\n\nA minimal Jupyter Notebook UI for [p5.js](https://p5js.org) kernels.\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/7193d8bb-2e0a-4465-88fe-3f3793d51576\n\n## Usage\n\n**✨ [Try it in your browser!](https://p5nb.vercel.app/) ✨**\n\n## Features 🎁\n\n### Opens with Jupyter Notebook by default 📒\n\nBy default, the p5 notebook opens with the simpler [notebook](https://github.com/jupyter/notebook) interface.\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/7193d8bb-2e0a-4465-88fe-3f3793d51576\n\n### JupyterLab interface 🧪\n\nThe JupyterLab interface is still accessible via the `View \u003e Open in JupyterLab` menu entry:\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/f44186a4-51a3-4417-9968-af7a5fb6cbd6\n\n### Live preview of HTML-based sketches ⚡\n\nWith the JupyterLab interface, `.html` files can be edited and rendered live with the built-in HTML viewer:\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/f1cc56d0-de44-4d3c-9aa9-9ad9ef90feb4\n\n### Support for themes 🌈\n\nThe p5 notebook includes the default JupyterLab Light and Dark themes, as well as `p5.js` branded light and dark themes:\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/44cdd305-b00a-406d-8d38-860152565f24\n\n### Support for additional display languages 🌐\n\nJust like with JupyterLab, the p5 notebook also supports additional display languages like French and Simplified Chinese:\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/316613d9-71b5-4912-9adf-95f83d22fea6\n\n### JupyterLab and Notebook features 🎨\n\nMost of the JupyterLab and Jupyter Notebook features are also available, such as switching to the Simple Interface and opening the command palette:\n\nhttps://github.com/jtpio/p5-notebook/assets/591645/15104791-6481-4c37-8447-06535c66b060\n\n### Real Time Collaboration\n\nComing soon!\n\n## Dev install\n\nThis repo includes a couple of additional plugins to tweak the Jupyter UI. To setup a local environment and be able to iterate on them, make sure [Node.js](https://nodejs.org) is installed, then:\n\n```bash\n# install dependencies\npixi install\n\n# Install package in development mode\npixi run develop\n\n# Rebuild the extension Typescript source after making changes\npixi run build\n```\n\n## Related projects\n\n- nb5.js, a notebook for p5js sketches (proof of concept): https://github.com/aparrish/nb5js-proof-of-concept\n- p5.js Jupyter Widget: https://github.com/jtpio/ipyp5\n- [archived / demo] p5.js in the Classic Jupyter Notebook with Jupyter Widgets: https://github.com/jtpio/p5-jupyter-notebook\n- Jupyter Kernels, right inside JupyterLab: https://github.com/deathbeds/jyve\n- JupyterLite has:\n\n  \u003e - Python kernel backed by Pyodide running in a Web Worker\n  \u003e   - Initial support for interactive visualization libraries such as altair, bqplot, ipywidgets, matplotlib, and plotly\n  \u003e - JavaScript and P5.js kernels running in an IFrame\n\n  https://github.com/jupyterlite/jupyterlite\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjtpio%2Fp5-notebook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjtpio%2Fp5-notebook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjtpio%2Fp5-notebook/lists"}