victor HF staff commited on
Commit
c3180f4
1 Parent(s): ede90e5

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +12 -12
README.md CHANGED
@@ -10,23 +10,23 @@ pinned: false
10
  <div class="grid lg:grid-cols-2 gap-4">
11
  <h1 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">Join organization by clicking <a href="https://huggingface.co/organizations/SIGGRAPH2022/share/lKvMytVEyvqyWBIbfrcZTeBhNQLXklhIHG" style="text-decoration: underline" target="_blank">here</a></h1>
12
  <p class="lg:col-span-2">This organization invites participants to add gradio demos/models/datasets for conference papers on huggingface (Note: This is not a official SIGGRAPH sponsored event)</p>
13
- <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 600;">Hugging Face Gradio SIGGRAPH 2022 event
14
  </h4>
15
  <p class="lg:col-span-2">
16
  SIGGRAPH organization is accepting Gradio demo submissions for SIGGRAPH 2022 papers from anyone for a chance to win prizes from Hugging Face, see prizes section and the leaderboard below. The deadline to submit demos is <strong>August 31st, 2022 (AOE Time Zone)</strong>. <strong>For all partipants, feel free to submit Gradio demos for any SIGGRAPH paper for a chance to win prizes, you can submit demos for multiple papers</strong>. Find tutorial on getting started with Gradio on Hugging Face <a href="https://huggingface.co/course/chapter9/1?fw=pt" style="text-decoration: underline" target="_blank">here</a> and to get started with the new Gradio Blocks API <a href="https://gradio.app/introduction_to_blocks/" style="text-decoration: underline" target="_blank">here</a></p>
17
 
18
- <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 600;">Hugging Face Models SIGGRAPH 2022 event
19
  </h4>
20
  <p class="lg:col-span-2">
21
  SIGGRAPH organization is accepting models submissions for SIGGRAPH 2022 papers from anyone for a chance to win prizes from Hugging Face, see prizes section and the leaderboard below. The deadline to submit demos is <strong>August 31st, 2022 (AOE Time Zone)</strong>. <strong>For all partipants, feel free to submit models for any SIGGRAPH paper for a chance to win prizes, you can submit models for multiple papers</strong>. Find tutorial on getting started with repos on Hugging Face <a href="https://huggingface.co/docs/hub/repositories-getting-started#getting-started-with-repositories" style="text-decoration: underline" target="_blank">here</a> and to get started with adding models <a href="https://huggingface.co/docs/hub/models-uploading" style="text-decoration: underline" target="_blank">here</a></p>
22
 
23
- <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 600;">Hugging Face Datasets SIGGRAPH 2022 event
24
  </h4>
25
  <p class="lg:col-span-2">
26
  SIGGRAPH organization is accepting dataset submissions for SIGGRAPH 2022 papers from anyone for a chance to win prizes from Hugging Face, see prizes section and the leaderboard below. The deadline to submit demos is <strong>August 31st, 2022 (AOE Time Zone)</strong>. <strong>For all partipants, feel free to submit datasets for any SIGGRAPH paper for a chance to win prizes, you can submit datasets for multiple papers</strong>. Find tutorial on getting started with repos on Hugging Face <a href="https://huggingface.co/docs/hub/repositories-getting-started#getting-started-with-repositories" style="text-decoration: underline" target="_blank">here</a> and to get started with adding datasets <a href="https://huggingface.co/docs/datasets/upload_dataset" style="text-decoration: underline" target="_blank">here</a></p>
27
 
28
 
29
- <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 600;" id="Prizes">Hugging Face Prizes</h4>
30
  <ul class="lg:col-span-2" style="list-style: circle inside">
31
  <li class="my-4">Top 5 spaces/models/datasets based on likes<ul class="lg:col-span-2" style="list-style: circle inside;padding-left: 40px;">
32
  <li class="my-4">Swag from <a href="https://huggingface.myshopify.com/">Hugging Face merch shop</a>: t-shirt, hoodie, or mug of your choice</li>
@@ -34,32 +34,32 @@ SIGGRAPH organization is accepting dataset submissions for SIGGRAPH 2022 papers
34
  </li>
35
  </ul>
36
 
37
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">LeaderBoard for Most Popular SIGGRAPH Spaces</h3>
38
  <p class="lg:col-span-2">See the <a href="https://huggingface.co/spaces/SIGGRAPH2022/Leaderboard" target="_blank" style="text-decoration:underline; font-weight:bold">SIGGRAPH Spaces Leaderboard</a></p>
39
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">LeaderBoard for Most Popular SIGGRAPH Models</h3>
40
  <p class="lg:col-span-2">See the <a href="https://huggingface.co/spaces/CVPR/Leaderboard" target="_blank" style="text-decoration:underline; font-weight:bold">SIGGRAPH Models Leaderboard</a></p>
41
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">LeaderBoard for Most Popular SIGGRAPH Datasets</h3>
42
  <p class="lg:col-span-2">See the <a href="https://huggingface.co/spaces/CVPR/Leaderboard" target="_blank" style="text-decoration:underline; font-weight:bold">SIGGRAPH Datasets Leaderboard</a></p>
43
 
44
  <details class="lg:col-span-2">
45
- <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 600;">Hugging Face Spaces & Gradio for Showcasing your SIGGRAPH ‘22 Demo
46
  </h4>
47
  <p class="lg:col-span-2">
48
  In this tutorial, we will demonstrate how to showcase your demo with an easy to use web interface using the Gradio Python library and host it on Hugging Face Spaces so that conference attendees can easily find and try out your demos. Also, see <a href="https://gradio.app/introduction_to_blocks/" style="text-decoration: underline" target="_blank">https://gradio.app/introduction_to_blocks/</a>, for a more flexible way to build Gradio Demos
49
  </p>
50
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">🚀 Create a Gradio Demo from your Model
51
  </h3>
52
  <p class="lg:col-span-2">
53
  The first step is to create a web demo from your model. As an example, we will be creating a demo from an image classification model (called model) which we will be uploading to Spaces. The full code for steps 1-4 can be found in this <a href="https://colab.research.google.com/drive/1S6seNoJuU7_-hBX5KbXQV4Fb_bbqdPBk?usp=sharing" style="text-decoration: underline" target="_blank">colab notebook</a>.
54
  </p><br />
55
 
56
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">1. Install the gradio library
57
  </h3>
58
  <p class="lg:col-span-2">
59
  All you need to do is to run this in the terminal: <code>pip install gradio</code>
60
  </p>
61
  <br />
62
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">2. Define a function in your Python code that performs inference with your model on a data point and returns the prediction
63
  </h3>
64
  <p class="lg:col-span-2">
65
  Here’s we define our image classification model prediction function in PyTorch (any framework, like TensorFlow, scikit-learn, JAX, or a plain Python will work as well):
@@ -97,7 +97,7 @@ io = gr.Interface(fn=predict, inputs=inputs, outputs=outputs)
97
  If you need help creating a Gradio Interface for your model, check out the Gradio Getting Started guide.
98
  </p>
99
 
100
- <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 600;">4. Then launch() you Interface to confirm that it runs correctly locally (or wherever you are running Python)
101
  </h3>
102
  <pre>
103
  <code>
 
10
  <div class="grid lg:grid-cols-2 gap-4">
11
  <h1 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">Join organization by clicking <a href="https://huggingface.co/organizations/SIGGRAPH2022/share/lKvMytVEyvqyWBIbfrcZTeBhNQLXklhIHG" style="text-decoration: underline" target="_blank">here</a></h1>
12
  <p class="lg:col-span-2">This organization invites participants to add gradio demos/models/datasets for conference papers on huggingface (Note: This is not a official SIGGRAPH sponsored event)</p>
13
+ <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 700;">Hugging Face Gradio SIGGRAPH 2022 event
14
  </h4>
15
  <p class="lg:col-span-2">
16
  SIGGRAPH organization is accepting Gradio demo submissions for SIGGRAPH 2022 papers from anyone for a chance to win prizes from Hugging Face, see prizes section and the leaderboard below. The deadline to submit demos is <strong>August 31st, 2022 (AOE Time Zone)</strong>. <strong>For all partipants, feel free to submit Gradio demos for any SIGGRAPH paper for a chance to win prizes, you can submit demos for multiple papers</strong>. Find tutorial on getting started with Gradio on Hugging Face <a href="https://huggingface.co/course/chapter9/1?fw=pt" style="text-decoration: underline" target="_blank">here</a> and to get started with the new Gradio Blocks API <a href="https://gradio.app/introduction_to_blocks/" style="text-decoration: underline" target="_blank">here</a></p>
17
 
18
+ <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 700;">Hugging Face Models SIGGRAPH 2022 event
19
  </h4>
20
  <p class="lg:col-span-2">
21
  SIGGRAPH organization is accepting models submissions for SIGGRAPH 2022 papers from anyone for a chance to win prizes from Hugging Face, see prizes section and the leaderboard below. The deadline to submit demos is <strong>August 31st, 2022 (AOE Time Zone)</strong>. <strong>For all partipants, feel free to submit models for any SIGGRAPH paper for a chance to win prizes, you can submit models for multiple papers</strong>. Find tutorial on getting started with repos on Hugging Face <a href="https://huggingface.co/docs/hub/repositories-getting-started#getting-started-with-repositories" style="text-decoration: underline" target="_blank">here</a> and to get started with adding models <a href="https://huggingface.co/docs/hub/models-uploading" style="text-decoration: underline" target="_blank">here</a></p>
22
 
23
+ <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 700;">Hugging Face Datasets SIGGRAPH 2022 event
24
  </h4>
25
  <p class="lg:col-span-2">
26
  SIGGRAPH organization is accepting dataset submissions for SIGGRAPH 2022 papers from anyone for a chance to win prizes from Hugging Face, see prizes section and the leaderboard below. The deadline to submit demos is <strong>August 31st, 2022 (AOE Time Zone)</strong>. <strong>For all partipants, feel free to submit datasets for any SIGGRAPH paper for a chance to win prizes, you can submit datasets for multiple papers</strong>. Find tutorial on getting started with repos on Hugging Face <a href="https://huggingface.co/docs/hub/repositories-getting-started#getting-started-with-repositories" style="text-decoration: underline" target="_blank">here</a> and to get started with adding datasets <a href="https://huggingface.co/docs/datasets/upload_dataset" style="text-decoration: underline" target="_blank">here</a></p>
27
 
28
 
29
+ <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 700;" id="Prizes">Hugging Face Prizes</h4>
30
  <ul class="lg:col-span-2" style="list-style: circle inside">
31
  <li class="my-4">Top 5 spaces/models/datasets based on likes<ul class="lg:col-span-2" style="list-style: circle inside;padding-left: 40px;">
32
  <li class="my-4">Swag from <a href="https://huggingface.myshopify.com/">Hugging Face merch shop</a>: t-shirt, hoodie, or mug of your choice</li>
 
34
  </li>
35
  </ul>
36
 
37
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">LeaderBoard for Most Popular SIGGRAPH Spaces</h3>
38
  <p class="lg:col-span-2">See the <a href="https://huggingface.co/spaces/SIGGRAPH2022/Leaderboard" target="_blank" style="text-decoration:underline; font-weight:bold">SIGGRAPH Spaces Leaderboard</a></p>
39
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">LeaderBoard for Most Popular SIGGRAPH Models</h3>
40
  <p class="lg:col-span-2">See the <a href="https://huggingface.co/spaces/CVPR/Leaderboard" target="_blank" style="text-decoration:underline; font-weight:bold">SIGGRAPH Models Leaderboard</a></p>
41
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">LeaderBoard for Most Popular SIGGRAPH Datasets</h3>
42
  <p class="lg:col-span-2">See the <a href="https://huggingface.co/spaces/CVPR/Leaderboard" target="_blank" style="text-decoration:underline; font-weight:bold">SIGGRAPH Datasets Leaderboard</a></p>
43
 
44
  <details class="lg:col-span-2">
45
+ <h4 class="my-8 lg:col-span-2" style="font-size: 16px; font-weight: 700;">Hugging Face Spaces & Gradio for Showcasing your SIGGRAPH ‘22 Demo
46
  </h4>
47
  <p class="lg:col-span-2">
48
  In this tutorial, we will demonstrate how to showcase your demo with an easy to use web interface using the Gradio Python library and host it on Hugging Face Spaces so that conference attendees can easily find and try out your demos. Also, see <a href="https://gradio.app/introduction_to_blocks/" style="text-decoration: underline" target="_blank">https://gradio.app/introduction_to_blocks/</a>, for a more flexible way to build Gradio Demos
49
  </p>
50
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">🚀 Create a Gradio Demo from your Model
51
  </h3>
52
  <p class="lg:col-span-2">
53
  The first step is to create a web demo from your model. As an example, we will be creating a demo from an image classification model (called model) which we will be uploading to Spaces. The full code for steps 1-4 can be found in this <a href="https://colab.research.google.com/drive/1S6seNoJuU7_-hBX5KbXQV4Fb_bbqdPBk?usp=sharing" style="text-decoration: underline" target="_blank">colab notebook</a>.
54
  </p><br />
55
 
56
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">1. Install the gradio library
57
  </h3>
58
  <p class="lg:col-span-2">
59
  All you need to do is to run this in the terminal: <code>pip install gradio</code>
60
  </p>
61
  <br />
62
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">2. Define a function in your Python code that performs inference with your model on a data point and returns the prediction
63
  </h3>
64
  <p class="lg:col-span-2">
65
  Here’s we define our image classification model prediction function in PyTorch (any framework, like TensorFlow, scikit-learn, JAX, or a plain Python will work as well):
 
97
  If you need help creating a Gradio Interface for your model, check out the Gradio Getting Started guide.
98
  </p>
99
 
100
+ <h3 class="my-8 lg:col-span-2" style="font-size: 18px; font-weight: 700;">4. Then launch() you Interface to confirm that it runs correctly locally (or wherever you are running Python)
101
  </h3>
102
  <pre>
103
  <code>