app_tabs.py

import random

import gradio as gr
from datasets import load_dataset

wmtis = load_dataset("nlphuji/whoops")['test']
print(f"Loaded WMTIS, first example:")
print(wmtis[0])
dataset_size = len(wmtis)
print(f"dataset_size: {dataset_size}")

IMAGE = 'image'
IMAGE_DESIGNER = 'image_designer'
DESIGNER_EXPLANATION = 'designer_explanation'
CROWD_CAPTIONS = 'crowd_captions'
CROWD_EXPLANATIONS = 'crowd_explanations'
CROWD_UNDERSPECIFIED_CAPTIONS = 'crowd_underspecified_captions'
SELECTED_CAPTION = 'selected_caption'
COMMONSENSE_CATEGORY = 'commonsense_category'
QA = 'question_answering_pairs'
IMAGE_ID = 'image_id'
left_side_columns = [IMAGE]
right_side_columns = [x for x in wmtis.features.keys() if x not in left_side_columns and x not in [QA]]
enumerate_cols = [CROWD_CAPTIONS, CROWD_EXPLANATIONS, CROWD_UNDERSPECIFIED_CAPTIONS]
emoji_to_label = {IMAGE_DESIGNER: '🎨, 🧑‍🎨, 💻', DESIGNER_EXPLANATION: '💡, 🤔, 🧑‍🎨',
                  CROWD_CAPTIONS: '👥, 💬, 📝', CROWD_EXPLANATIONS: '👥, 💡, 🤔', CROWD_UNDERSPECIFIED_CAPTIONS: '👥, 💬, 👎',
                  QA: '❓, 🤔, 💡', IMAGE_ID: '🔍, 📄, 💾', COMMONSENSE_CATEGORY: '🤔, 📚, 💡', SELECTED_CAPTION: '📝, 👌, 💬'}
target_size = (1024, 1024)


def func(index):
    example = wmtis[index]
    values = get_instance_values(example)
    return values


def get_instance_values(example):
    values = []
    for k in left_side_columns + right_side_columns:
        if k in enumerate_cols:
            value = list_to_string(example[k])
        elif k == QA:
            qa_list = [f"Q: {x[0]} A: {x[1]}" for x in example[k]]
            value = list_to_string(qa_list)
        else:
            value = example[k]
        values.append(value)
    return values


def list_to_string(lst):
    return '\n'.join(['{}. {}'.format(i + 1, item) for i, item in enumerate(lst)])

def create_image_accordion_block(index):
    example = wmtis[index]
    instance_values = get_instance_values(example)
    assert len(left_side_columns) == len(
        instance_values[:len(left_side_columns)])  # excluding the image & designer
    for key, value in zip(left_side_columns, instance_values[:len(left_side_columns)]):
        if key == IMAGE:
            img = wmtis[index]["image"]
            img_resized = img.resize(target_size)
            gr.Image(value=img_resized, label=f"Image {emoji_to_label[key]}")
        else:
            label = key.capitalize().replace("_", " ")
            gr.Textbox(value=value, label=f"{label} {emoji_to_label[key]}")
    with gr.Accordion("Open for More!", open=False):
        assert len(right_side_columns) == len(
            instance_values[len(left_side_columns):])  # excluding the image & designer
        for key, value in zip(right_side_columns, instance_values[len(left_side_columns):]):
            label = key.capitalize().replace("_", " ")
            gr.Textbox(value=value, label=f"{label} {emoji_to_label[key]}")


columns_number = 2
rows_number = 2
tabs_number = 27

with gr.Blocks() as demo:
    gr.Markdown(f"# Whoops! images by category")
    for tub_num in range(0, tabs_number):
        print(f"create tab:{tub_num}")
        with gr.Tab(f"Tab {tub_num}"):
            for row_num in range(0, rows_number):
                with gr.Row():
                    for col_num in range(0, columns_number):
                        with gr.Column():
                            index = random.choice(range(0, dataset_size))
                            create_image_accordion_block(index)
demo.launch()