Gradio is useful as an interface for machine learning. Normally, various forms are used with HTML/CSS/JavaScript, but with Gradio, you can set up a web server based on Python. Let&#39;s take a look at how to use it. For installation, <pre class="ql-syntax" spellcheck="false">pip install gradio
</pre> Official website is, <a href="https://www.gradio.app/" rel="noopener noreferrer" target="_blank">https://www.gradio.app/</a> Let&#39;s start with a simple tutorial. <pre class="ql-syntax" spellcheck="false">import gradio as gr

def greet(name, intensity):
 return &#34;Hello, &#34; + name + &#34;!&#34; * int(intensity)

demo = gr.Interface(
 fn=greet,
 inputs=[&#34;text&#34;, &#34;slider&#34;],
 outputs=[&#34;text&#34;],
)

demo.launch()
</pre> <img src="https://assets.blueqat.com/public/uploads/us-east-2:4805ff4b-c3cc-4344-b165-86544c34d0bf/2024/04/14/Untitled.png"/> When you enter &#39;minato&#39; in the name on the left and increase the intensity, on the right, <pre class="ql-syntax" spellcheck="false">Hello, minato!!!!!!!!!!!!!!!!!!!!
</pre> It appeared. I&#39;m not used to the input and output yet, but it seems impressive once you get the hang of it. The input and output are adjustable. You can also set up multiple inputs and outputs, which is quite easy. <pre class="ql-syntax" spellcheck="false">import gradio as gr

def greet(name):
  return &#34;Hello, &#34; + name, len(name)

demo = gr.Interface(
  fn=greet,
  inputs=[&#34;text&#34;],
  outputs=[&#34;text&#34;, &#34;text&#34;],
)

demo.launch()
</pre> <img src="https://assets.blueqat.com/public/uploads/us-east-2:4805ff4b-c3cc-4344-b165-86544c34d0bf/2024/04/14/Untitled2.png"/> It turned out that way. It seems easy as long as you don&#39;t get the number of inputs and outputs wrong. I wanted to create something with multiple functions on one page, <pre class="ql-syntax" spellcheck="false">import gradio as gr

def greet(name):
  return &#34;Hello &#34; + name + &#34;!&#34;

demo1 = gr.Interface(
  fn=greet,
  inputs=[&#34;text&#34;],
  outputs=[&#34;text&#34;],
)

demo2 = gr.Interface(
  fn=greet,
  inputs=[&#34;text&#34;],
  outputs=[&#34;text&#34;],
)

gr.TabbedInterface(
  [demo1, demo2], [&#34;demo1&#34;, &#34;demo2&#34;]
).launch(share=True)
</pre> <img src="https://assets.blueqat.com/public/uploads/us-east-2:4805ff4b-c3cc-4344-b165-86544c34d0bf/2024/04/14/Untitled3.png"/> I was able to solve it by creating tabs. It&#39;s quite convenient. It seems like all that&#39;s left is to make some fine adjustments, but it&#39;s quite easy to create a professional interface using only Python, which I think is very useful for development.

Let's try using Gradio

Yuichiro Minato