CodePen vs JupyterLab
CodePen
codepen.io
JupyterLab
jupyter.orgSide by side
| Figure | CodePen | JupyterLab |
|---|---|---|
| Price from | $8/mo | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | Yes |
| Web | Yes | Yes |
| Windows | — | Yes |
| macOS | — | Yes |
| Linux | — | Yes |
| API | Yes | Yes |
| Self-hosted | — | Yes |
| Plans published | 4 | 1 |
| Spec score · Coding Playgrounds | 8.7 (#19) | 9.1 (#9) |
| Founded | 2012 | 2014 |
| Free plan | Yes | Yes |
| Intended users | CodePen describes itself as useful for developers of any skill and particularly empowering for people learning to code, as well as for prototyping, debugging, client review, hiring, and portfolios. | JupyterLab is focused on interactive, exploratory computing and is suited to workflows such as data science, scientific computing, computational journalism, and machine learning. |
| Purpose | CodePen is a social development environment for front-end designers and developers to build, test, deploy, share, and discover front-end code. | JupyterLab is a web-based interactive development environment for notebooks, code, and data. |
| Security | CodePen says it uses security processes, firewalls, and generally available security technologies, and states that it cannot guarantee data security from intrusion or unauthorized release. | JavaScript and HTML outputs in notebooks created on other machines are sanitized and not displayed until the notebook is trusted. |
Plans
In their own words
CodePen
CodePen is a web-based social development environment for creating, testing, deploying, sharing and discovering front-end code. In a Pen, users write HTML, CSS and JavaScript and see a live browser preview. It supports HTML preprocessors such as Markdown, Haml, Slim and Pug, and CSS preprocessors including Sass, Less, Stylus and PostCSS. The CodePen 2.0 editor supports automatic preprocessing, live previews, file systems, version history, collaboration and one-click Pen deployment. Users can add external CSS and JavaScript resources, reuse other Pens, find libraries through CDNjs and import bare npm packages through its compiler. Pens can be embedded on other websites, and CodePen documents a REST API and other embed and prefill options. Pens and Projects are public by default. PRO users can make Pens and Collections private, but anyone with the shared URL can view them without logging in. The free plan includes unlimited public Pens and three files per Pen. Starter costs $8 a month, Developer $12 a month and Super $26 a month. CodePen does not offer a self-hosted version.
JupyterLab
JupyterLab is a web-based environment for interactive work with notebooks, code and data. Its workspace brings notebooks, text editors, terminals and custom components together in tabs and splitters. Code consoles act as scratchpads, and kernel-backed documents can run code in files such as Markdown, Python, R and LaTeX. It supports the .ipynb format used by classic Jupyter Notebook, and can view and edit formats including Markdown, images, CSV, JSON, HTML, LaTeX and PDF. Visualization libraries include matplotlib and Plotly; interactive plots or widgets may require additional packages. Extensions can add themes, viewers, editors, output renderers and interface controls, but can execute code in the browser, server and kernel, so only trusted extensions are advised. Real-time collaboration can be enabled with jupyter_collaboration. JavaScript and HTML outputs from notebooks created elsewhere remain hidden until the notebook is trusted. JupyterLab is free, open-source software under a modified BSD license, installed with pip or via a Homebrew command for macOS and Linux. It runs on Linux, macOS, the web and self-hosted systems.