数据标签React应用程序,与后端无关,可以嵌入到您的服务中。
![]() |
3 days ago | |
---|---|---|
.devcontainer | 2 months ago | |
.github | 5 days ago | |
__mocks__ | 4 months ago | |
e2e | 4 days ago | |
examples | 2 months ago | |
images | 7 months ago | |
public | 6 months ago | |
scripts | 5 months ago | |
src | 3 days ago | |
tests | 4 days ago | |
types | 7 months ago | |
.babelrc | 1 year ago | |
.env.defaults | 2 years ago | |
.env.example | 2 years ago | |
.eslintignore | 9 months ago | |
.eslintrc.js | 7 months ago | |
.gitignore | 1 year ago | |
.npmrc | 2 years ago | |
.prettierignore | 3 years ago | |
.prettierrc | 6 months ago | |
.travis.yml | 3 years ago | |
CHANGELOG.md | 3 years ago | |
CODE_OF_CONDUCT.md | 3 years ago | |
CONTRIBUTING.md | 3 years ago | |
LICENSE | 3 years ago | |
README.md | 5 months ago | |
codecov.yml | 9 months ago | |
dev-server.js | 2 years ago | |
jest.config.js | 8 months ago | |
jest.setup.js | 8 months ago | |
nyc.config.js | 9 months ago | |
package.json | 1 month ago | |
tsconfig.jest.json | 1 year ago | |
tsconfig.json | 7 months ago | |
webpack.config-builder.js | 7 months ago | |
webpack.config.js | 2 years ago | |
yarn.lock | 1 month ago |
Website • Docs • Twitter • Join Slack Community
Label Studio is an open-source, configurable data annotation tool. :v:
Frontend, as its name suggests, is the frontend library developed using React and mobx-state-tree, distributed as an NPM package. You can include it in your applications and provide data annotation support to your users. It can be granularly customized and extended.
npm install @heartexlabs/label-studio
With Webpack
import LabelStudio from '@heartexlabs/label-studio';
import 'label-studio/build/static/css/main.css';
With UNPKG.com
<!-- Include Label Studio stylesheet -->
<link href="https://unpkg.com/@heartexlabs/label-studio@1.8.0/build/static/css/main.css" rel="stylesheet">
<!-- Create the Label Studio container -->
<div id="label-studio"></div>
<!-- Include the Label Studio library -->
<script src="https://unpkg.com/@heartexlabs/label-studio@1.8.0/build/static/js/main.js"></script>
Initialization
<!-- Initialize Label Studio -->
<script>
var labelStudio = new LabelStudio('label-studio', {
config: `
<View>
<Image name="img" value="$image"></Image>
<RectangleLabels name="tag" toName="img">
<Label value="Hello"></Label>
<Label value="World"></Label>
</RectangleLabels>
</View>
`,
interfaces: [
"panel",
"update",
"submit",
"controls",
"side-column",
"annotations:menu",
"annotations:add-new",
"annotations:delete",
"predictions:menu",
],
user: {
pk: 1,
firstName: "James",
lastName: "Dean"
},
task: {
annotations: [],
predictions: [],
id: 1,
data: {
image: "https://htx-misc.s3.amazonaws.com/opensource/label-studio/examples/images/nick-owuor-astro-nic-visuals-wDifg5xc9Z4-unsplash.jpg"
}
},
onLabelStudioLoad: function(LS) {
var c = LS.annotationStore.addAnnotation({
userGenerate: true
});
LS.annotationStore.selectAnnotation(c.id);
}
});
</script>
Clone the repository
git clone git@github.com:heartexlabs/label-studio-frontend.git
# or: git clone https://github.com/heartexlabs/label-studio-frontend.git
cd label-studio-frontend
bash
npm install
Start the development server
npm run start
Check different ways to initiate the development server config & task data in src/env/development.js
, changing the data
variable is a good place to start.
After you make changes and ready to use it in production, you need to create a production build
npm run build-bundle
Now you have one .js file and one .css file in the build/static/
directory
Label Studio for Teams is our enterprise edition (cloud & on-prem), that includes a data manager, high-quality baseline models, active learning, collaborators support, and more. Please visit the website to learn more.
| Project | Description | |-|-| | label-studio | Server part, distributed as a pip package | | label-studio-frontend | Frontend part, written in JavaScript and React, can be embedded into your application | | label-studio-converter | Encode labels into the format of your favorite machine learning library | | label-studio-transformers | Transformers library connected and configured for use with label studio |
This software is licensed under the Apache 2.0 LICENSE © Heartex. 2020