title: Text-to-Image Generation
type: community
group: Ranking & Scoring
image: /static/templates/text-to-image.png
details: |
  <h1>Choose the most related image generated by textual description</h1>
  <dl>
    <dt>Industry Applications</dt>
    <dd>creative content generation, marketing materials, advertising design, concept art, social media content, book illustration, game asset creation, product visualization, architectural visualization, fashion design, digital art, storyboarding</dd>
    <dt>Associated Models</dt>
    <dd>DALL-E, Midjourney, Stable Diffusion, Imagen, Firefly, diffusion models</dd>
    <dt>Domain Terminology</dt>
    <dd>prompt engineering, text-to-image synthesis, generative art, AI art evaluation, visual quality assessment</dd>
  </dl>
config: |
  <View>
    <View className="ch-title">
      <Text name="prompt" value="$prompt"/>
    </View>
    <View className="highlight">
      <Choices name="images" toName="prompt" value="$images" choice="multiple" layout="inline"/>
    </View>
    <Style>
    .ch-title {
      font-size: 2em;
      text-align: center;
    }
    .ch-title .lsf-richtext__line:before {
      display: none;
    }
    .highlight .ant-checkbox {
      position: absolute;
      opacity: 0;
    }
    .ant-checkbox+span {
      border: 4px solid transparent;
      border-radius: 8px;
      padding: 8px;
    }
    .ant-checkbox-checked+span {
      border-color: var(--color-primary-border-subtle);
    }
    .ant-checkbox+span sup {
      position: absolute;
      right: 8px;
      top: 8px;
      z-index: 2;
      display: block;
      width: 24px;
      line-height: 16px;
      text-align: center;
    }
    </Style>
  </View>
  <!-- {"data": {
    "prompt": "An astronaut riding a horse in a photorealistic style",
    "images": [{
      "value": "id123#0",
  	"style": "margin: 5px",
      "html": "<img width='400' src='https://cdn.openai.com/dall-e-2/demos/text2im/astronaut/horse/photo/0.jpg'/>"
    },
  {
      "value": "id123#1",
  	"style": "margin: 5px",
      "html": "<img width='400' src='https://cdn.openai.com/dall-e-2/demos/text2im/astronaut/horse/photo/1.jpg'/>"
    }, {
      "value": "id123#2",
  	"style": "margin: 5px",
      "html": "<img width='400' src='https://cdn.openai.com/dall-e-2/demos/text2im/astronaut/horse/photo/2.jpg'/>"
    }
    ]
  }} -->
