Deploy LabelStudio
What you'll learn
- How to Deploy LabelStudio via Truefoundry User Interface.
Label Studio is a versatile annotation platform designed to streamline and simplify data labeling for various machine learning tasks. With Label Studio, you can efficiently annotate data, making it an invaluable tool for enhancing the performance of your machine learning models.
By the end of this guide, you'll have successfully deployed an instance of Label Studio ready for immediate use.
Initiating Deployment via UI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.container {
padding: 2rem;
}
.slider-wrapper {
position: relative;
max-width: 48rem;
margin: 0 auto;
}
.slider {
display: flex;
flex-direction: column; /* Display images vertically */
aspect-ratio: 16 / 9;
overflow: hidden; /* Hide scrollbars */
box-shadow: 0 1.5rem 3rem -0.75rem hsla(0, 0%, 0%, 0.25);
border-radius: 0.5rem;
position: relative; /* Add relative positioning */
}
.slider img {
flex: 1; /* Expand images vertically to fill the slider height */
scroll-snap-align: start;
object-fit: cover;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; /* Add transform transition */
max-width: 100%; /* Ensure images don't exceed container width */
max-height: 100%; /* Ensure images don't exceed container height */
}
.slider img:target {
opacity: 1; /* Display the active image */
transform: scale(1);
}
.slider-nav {
display: flex;
justify-content: center; /* Center the navigation buttons horizontally */
position: absolute;
bottom: 1.25rem;
left: 0; /* Adjust left position to 0 */
right: 0; /* Set right position to 0 */
}
.slider-nav a {
width: 4rem; /* Adjust the button width */
height: 0.75rem;
background-color: #ccc; /* Change the background color */
opacity: 0.6; /* Adjust the opacity */
transition: opacity ease 250ms;
margin: 0 0.25rem; /* Add margin to separate the navigation buttons */
cursor: pointer;
border: none;
outline: none; /* Remove the button outline */
}
.slider-nav a:hover,
.slider-nav a:target {
opacity: 1;
background-color: #5501FB; /* Change background color for hover and active items */
}
</style>
</head>
<body>
<section class="container">
<div class="slider-wrapper">
<div class="slider">
<img id="slide-1" src="https://files.readme.io/eb7b6b5-Screenshot_2023-10-03_at_5.14.24_AM.png" alt="Image 1" class="active" />
<img id="slide-2" src="https://files.readme.io/09736ac-Screenshot_2023-10-16_at_2.53.46_AM.png" alt="Image 2" />
<img id="slide-3" src="https://files.readme.io/6374af6-Screenshot_2023-10-16_at_2.54.06_AM.png" alt="Image 3" />
<img id="slide-4" src="https://files.readme.io/9ff4d08-Screenshot_2023-10-16_at_2.54.58_AM.png" alt="Image 4" />
<img id="slide-5" src="https://files.readme.io/f2c0fac-Screenshot_2023-10-16_at_2.55.24_AM.png" alt="Image 5" />
<img id="slide-6" src="https://files.readme.io/b4e8b74-Screenshot_2023-10-16_at_2.55.48_AM.png" alt="Image 6" />
<img id="slide-7" src="https://files.readme.io/f8cd212-Screenshot_2023-10-16_at_2.59.23_AM.png" alt="Image 7" />
<img id="slide-8" src="https://files.readme.io/ee6be31-Screenshot_2023-10-16_at_3.05.17_AM.png" alt="Image 8" />
</div>
<div class="slider-nav">
<a href="#slide-1" class="nav-item"></a>
<a href="#slide-2" class="nav-item"></a>
<a href="#slide-3" class="nav-item"></a>
<a href="#slide-4" class="nav-item"></a>
<a href="#slide-5" class="nav-item"></a>
<a href="#slide-6" class="nav-item"></a>
<a href="#slide-7" class="nav-item"></a>
<a href="#slide-8" class="nav-item"></a>
</div>
</div>
</section>
</body>
</html>
- Log in to your Truefoundry account.
- Go to the
Applications
section on the Deployments Dashboard. - Click
Application Catalouge
. - Click on
Deploy
in the LabelStudio card - In the
What would you like to deploy?
fieldApplication
should be preselected.
In theWhere would you like to deploy?
field, choose your deployment workspace by clicking theSearch Workspace
bar. Read more about Cluster and Workspace.
Note:
If you don't have a workspace, create one by clicking
Create New Workspace
and then follow along this guide or consult your cluster admin for assistance.
- Click
Next Step
to proceed. - Configure your deployment. Explore the fields in the following section:
Explanation of Deployment Configuration
- Name:
Assign a unique identifier (name) to the service within your workspace. - Presistence Size (GB):
Size of the persistence for the DB in GB - Replica count:
Number of replicas for the deployment - Endpoint:
Endpoint for the Application. This determines the URL or address where the Application will be accessible.- Host: Specify the host for the Application endpoint. This can be a domain name or IP address, such as "ai.example.com" or "app.truefoundry.com".
- Path (optional): You can specify a path for the Application endpoint, such as "/v1/api/ml/" or "/v2/docs/".
Submit the form
Once all deployment options are set, click Create
to initiate the deployment process. Your Deployments Dashboard will then look like this:
During deployment, hover over the spinner icon to check its status. After a short while, the deployment should become active, and your Deployments Dashboard will change.
You can click on the endpoint to access your LabelStudio Application.
Congratulations! You have successfully deployed your LabelStudio Application.
Updated about 1 month ago