course/pr_1175/ru/_app/immutable/nodes/69.13cecf4e.js

import{s as he,a as ae,n as be,o as ye}from"../chunks/scheduler.893fe8c9.js";import{S as ve,i as _e,e as o,s as i,c as X,h as $e,a as n,d as l,b as s,f as E,g as Y,j as c,k as r,l as Ce,m as a,n as Z,t as ee,o as te,p as le}from"../chunks/index.2d09ebb4.js";import{C as Le,H as Me,E as Te}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.9155aead.js";import{C as ke}from"../chunks/CourseFloatingBanner.e3aeab73.js";function He(re){let f,P,k,q,d,G,w,z,x,j,h,ie="В этой главе мы узнаем о том, как создавать <strong>интерактивные демонстрации</strong> для моделей машинного обучения.",U,b,se="Зачем вообще создавать демо или графический интерфейс для модели машинного обучения? Демо позволяют:",F,y,oe="<li><strong>Разработчикам машинного обучения</strong> легко представить свою работу широкой аудитории, включая нетехнические команды или клиентов</li> <li><strong>Исследователям</strong> легче воспроизводить модели машинного обучения и их поведение</li> <li><strong>Тестировщики качества</strong> или <strong>конечные пользователи</strong>, смогут легче выявлять и отлаживать точки отказа в моделях</li> <li><strong>Различные пользователи</strong> смогут обнаружить алгоритмические ошибки в моделях</li>",S,v,ne="Мы будем использовать библиотеку Gradio для создания демо для наших моделей. Gradio позволяет создавать, настраивать и распространять веб-демо для любой модели машинного обучения, полностью на языке Python.",A,_,me="Вот несколько примеров демо машинного обучения, созданных с помощью Gradio:",R,$,pe="<li>Модель <strong>распознавания эскизов (sketch recognition)</strong>, которая принимает эскиз и выводит метки того, что, по ее мнению, нарисовано:</li>",I,m,ue,O,C,ce='<li>Экстрактивная модель <strong>ответа на вопрос</strong>, которая принимает контекстный параграф и задание и выдает ответ и оценку вероятности (мы обсуждали этот тип модели <a href="../chapter7/7">в главе 7</a>):</li>',B,p,fe,K,L,ge="<li>Модель <strong>удаления фона</strong>, которая принимает изображение и возвращает его с удаленным фоном:</li>",N,u,de,Q,M,we="Эта глава разбита на разделы, включающие как <em>концепции</em>, так и <em>приложения</em>. После изучения концепций в каждом разделе вы будете применять их для создания демо определенного типа, начиная от классификации изображений и заканчивая распознаванием речи. К тому времени, как вы закончите эту главу, вы сможете создавать эти демо (и многие другие!) всего в несколько строк кода на Python.",D,g,xe='<p>👀 Проверьте <a href="https://huggingface.co/spaces" target="_blank">Hugging Face Spaces</a> чтобы увидеть множество свежих примеров демо машинного обучения, созданных сообществом специалистов по машинному обучению!</p>',J,T,V,H,W;return d=new Le({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),w=new Me({props:{title:"Введение в Gradio",local:"introduction-to-gradio",headingTag:"h1"}}),x=new ke({props:{chapter:9,classNames:"absolute z-10 right-0 top-0"}}),T=new Te({props:{source:"https://github.com/huggingface/course/blob/main/chapters/ru/chapter9/1.mdx"}}),{c(){f=o("meta"),P=i(),k=o("p"),q=i(),X(d.$$.fragment),G=i(),X(w.$$.fragment),z=i(),X(x.$$.fragment),j=i(),h=o("p"),h.innerHTML=ie,U=i(),b=o("p"),b.textContent=se,F=i(),y=o("ul"),y.innerHTML=oe,S=i(),v=o("p"),v.textContent=ne,A=i(),_=o("p"),_.textContent=me,R=i(),$=o("ul"),$.innerHTML=pe,I=i(),m=o("iframe"),O=i(),C=o("ul"),C.innerHTML=ce,B=i(),p=o("iframe"),K=i(),L=o("ul"),L.innerHTML=ge,N=i(),u=o("iframe"),Q=i(),M=o("p"),M.innerHTML=we,D=i(),g=o("blockquote"),g.innerHTML=xe,J=i(),X(T.$$.fragment),V=i(),H=o("p"),this.h()},l(e){const t=$e("svelte-u9bgzb",document.head);f=n(t,"META",{name:!0,content:!0}),t.forEach(l),P=s(e),k=n(e,"P",{}),E(k).forEach(l),q=s(e),Y(d.$$.fragment,e),G=s(e),Y(w.$$.fragment,e),z=s(e),Y(x.$$.fragment,e),j=s(e),h=n(e,"P",{"data-svelte-h":!0}),c(h)!=="svelte-dlvceq"&&(h.innerHTML=ie),U=s(e),b=n(e,"P",{"data-svelte-h":!0}),c(b)!=="svelte-jojcfz"&&(b.textContent=se),F=s(e),y=n(e,"UL",{"data-svelte-h":!0}),c(y)!=="svelte-1wmhr7x"&&(y.innerHTML=oe),S=s(e),v=n(e,"P",{"data-svelte-h":!0}),c(v)!=="svelte-1mgt621"&&(v.textContent=ne),A=s(e),_=n(e,"P",{"data-svelte-h":!0}),c(_)!=="svelte-1lqjtsx"&&(_.textContent=me),R=s(e),$=n(e,"UL",{"data-svelte-h":!0}),c($)!=="svelte-1x5fyqj"&&($.innerHTML=pe),I=s(e),m=n(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),E(m).forEach(l),O=s(e),C=n(e,"UL",{"data-svelte-h":!0}),c(C)!=="svelte-1p2scvj"&&(C.innerHTML=ce),B=s(e),p=n(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),E(p).forEach(l),K=s(e),L=n(e,"UL",{"data-svelte-h":!0}),c(L)!=="svelte-16e1ywq"&&(L.innerHTML=ge),N=s(e),u=n(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),E(u).forEach(l),Q=s(e),M=n(e,"P",{"data-svelte-h":!0}),c(M)!=="svelte-uqmwgd"&&(M.innerHTML=we),D=s(e),g=n(e,"BLOCKQUOTE",{class:!0,"data-svelte-h":!0}),c(g)!=="svelte-1ggybic"&&(g.innerHTML=xe),J=s(e),Y(T.$$.fragment,e),V=s(e),H=n(e,"P",{}),E(H).forEach(l),this.h()},h(){r(f,"name","hf:doc:metadata"),r(f,"content",Ee),ae(m.src,ue="https://course-demos-draw2.hf.space")||r(m,"src",ue),r(m,"frameborder","0"),r(m,"height","450"),r(m,"title","Gradio app"),r(m,"class","container p-0 flex-grow space-iframe"),r(m,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),r(m,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),ae(p.src,fe="https://course-demos-question-answering-simple.hf.space")||r(p,"src",fe),r(p,"frameborder","0"),r(p,"height","640"),r(p,"title","Gradio app"),r(p,"class","container p-0 flex-grow space-iframe"),r(p,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),r(p,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),ae(u.src,de="https://course-demos-remove-bg-original.hf.space")||r(u,"src",de),r(u,"frameborder","0"),r(u,"height","640"),r(u,"title","Gradio app"),r(u,"class","container p-0 flex-grow space-iframe"),r(u,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),r(u,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),r(g,"class","tip")},m(e,t){Ce(document.head,f),a(e,P,t),a(e,k,t),a(e,q,t),Z(d,e,t),a(e,G,t),Z(w,e,t),a(e,z,t),Z(x,e,t),a(e,j,t),a(e,h,t),a(e,U,t),a(e,b,t),a(e,F,t),a(e,y,t),a(e,S,t),a(e,v,t),a(e,A,t),a(e,_,t),a(e,R,t),a(e,$,t),a(e,I,t),a(e,m,t),a(e,O,t),a(e,C,t),a(e,B,t),a(e,p,t),a(e,K,t),a(e,L,t),a(e,N,t),a(e,u,t),a(e,Q,t),a(e,M,t),a(e,D,t),a(e,g,t),a(e,J,t),Z(T,e,t),a(e,V,t),a(e,H,t),W=!0},p:be,i(e){W||(ee(d.$$.fragment,e),ee(w.$$.fragment,e),ee(x.$$.fragment,e),ee(T.$$.fragment,e),W=!0)},o(e){te(d.$$.fragment,e),te(w.$$.fragment,e),te(x.$$.fragment,e),te(T.$$.fragment,e),W=!1},d(e){e&&(l(P),l(k),l(q),l(G),l(z),l(j),l(h),l(U),l(b),l(F),l(y),l(S),l(v),l(A),l(_),l(R),l($),l(I),l(m),l(O),l(C),l(B),l(p),l(K),l(L),l(N),l(u),l(Q),l(M),l(D),l(g),l(J),l(V),l(H)),l(f),le(d,e),le(w,e),le(x,e),le(T,e)}}}const Ee='{"title":"Введение в Gradio","local":"introduction-to-gradio","sections":[],"depth":1}';function Pe(re){return ye(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Ue extends ve{constructor(f){super(),_e(this,f,Pe,He,he,{})}}export{Ue as component};