[{"data":1,"prerenderedAt":141},["ShallowReactive",2],{"blog-post-docs\u002Fruntime-environment":3,"sibling-dives-docs\u002Fruntime-environment":139,"learn-track-docs\u002Fruntime-environment":140},{"id":4,"title":5,"authors":6,"body":7,"breadcrumb":6,"builders":6,"byline":6,"category":121,"categoryName":122,"challenge":6,"courseAuthor":6,"courseLead":6,"dek":6,"description":123,"draft":124,"extension":125,"eyebrow":6,"featured":124,"finish":6,"fork":6,"hero":6,"heroAlt":6,"heroCta":6,"heroImage":6,"homepageFeatured":124,"kind":126,"lessonCount":6,"meta":127,"navigation":128,"newsItems":6,"next":6,"ogImage":6,"order":129,"outcomes":6,"path":130,"publishDate":131,"readingTime":6,"related":132,"relatedProjects":6,"seo":133,"stem":136,"tags":137,"track":6,"trackName":6,"__hash__":138},"blog\u002Fblog\u002Flearn\u002Fdocs\u002Fruntime-environment.md","The runtime environment",null,{"type":8,"value":9,"toc":113},"minimark",[10,14,19,22,47,63,67,74,78,90,94],[11,12,13],"p",{},"When you run a project, Qollab gives you a ready-to-go environment in the browser. Here is what is in it.",[15,16,18],"h2",{"id":17},"two-frameworks","Two frameworks",[11,20,21],{},"You pick a framework when you create a project, and it sets what the editor runs:",[23,24,25,41],"ul",{},[26,27,28,32,33,36,37,40],"li",{},[29,30,31],"strong",{},"Python \u002F Qiskit"," runs Python with ",[29,34,35],{},"Qiskit 2.x"," in your browser, with ",[29,38,39],{},"NumPy"," and most of the standard library available.",[26,42,43,46],{},[29,44,45],{},"JS \u002F Qiskit"," runs your own HTML, CSS, and JavaScript in a sandboxed iframe, with the Qiskit 2.x API exported to JavaScript.",[11,48,49,50,56,57,62],{},"Either way, a ",[29,51,52],{},[53,54,55],"code",{},"backend"," variable is pre-created for the circuit you build, so you can run it without wiring up a provider yourself. The backend you actually run against is the one you choose in the ",[58,59,61],"a",{"href":60},"\u002Flearn\u002Fdocs\u002Fcompute-backends","Select QPU dialog",".",[15,64,66],{"id":65},"extra-libraries","Extra libraries",[11,68,69,70,73],{},"The Code tab has an ",[29,71,72],{},"Extra runtime features \u002F libraries"," control for turning on additional providers and packages, each with a link to its own documentation. Enable the ones your circuit needs, and leave the rest off to keep the environment light.",[15,75,77],{"id":76},"browser-support","Browser support",[11,79,80,81,84,85,89],{},"The environment runs on WebAssembly and needs a browser that supports JSPI: a recent ",[29,82,83],{},"Chrome, Edge, or Opera",". If you see a compatibility warning, the ",[58,86,88],{"href":87},"\u002Flearn\u002Fdocs\u002Ffaq","FAQ"," has the fix, including how to turn it on in Firefox.",[15,91,93],{"id":92},"related","Related",[23,95,96,102,107],{},[26,97,98],{},[58,99,101],{"href":100},"\u002Flearn\u002Fdocs\u002Frun-your-code","Running your code",[26,103,104],{},[58,105,106],{"href":60},"Compute backends",[26,108,109],{},[58,110,112],{"href":111},"\u002Flearn\u002Fbuilding-your-first-qollab-project\u002Fcode-playground","Use the Code Playground",{"title":114,"searchDepth":115,"depth":115,"links":116},"",2,[117,118,119,120],{"id":17,"depth":115,"text":18},{"id":65,"depth":115,"text":66},{"id":76,"depth":115,"text":77},{"id":92,"depth":115,"text":93},"running-code","Running code","What runs your code in the playground: the two frameworks, the pre-created backend, the extra-libraries control, and the browser requirement.",false,"md","doc",{},true,4,"\u002Fblog\u002Flearn\u002Fdocs\u002Fruntime-environment","2026-09-05",[],{"title":134,"description":135},"The runtime environment · Qollab docs","The Qollab code environment: Python\u002FQiskit and JS\u002FQiskit frameworks, the pre-created backend, extra libraries, and the JSPI browser requirement.","blog\u002Flearn\u002Fdocs\u002Fruntime-environment",[],"WtES7p6VRHubJAzvbkYBqfjQcnj82NXpa05JanIUK1Q",[],[],1788731751580]