config.json

{
  "version": "3.1.4",
  "mode": "interface",
  "dev_mode": true,
  "components": [
    {
      "id": 7,
      "type": "row",
      "props": {
        "type": "row",
        "visible": true,
        "style": {
          "equal_height": false,
          "mobile_collapse": true
        }
      }
    },
    {
      "id": 8,
      "type": "column",
      "props": {
        "type": "column",
        "variant": "panel",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 9,
      "type": "column",
      "props": {
        "type": "column",
        "variant": "default",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 0,
      "type": "dropdown",
      "props": {
        "choices": [
          "Matplotlib",
          "Plotly",
          "Bokeh"
        ],
        "label": "Plot Type",
        "show_label": true,
        "name": "dropdown",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 1,
      "type": "slider",
      "props": {
        "minimum": 1,
        "maximum": 4,
        "step": 0.01,
        "value": 3.2,
        "label": "R",
        "show_label": true,
        "name": "slider",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 2,
      "type": "dropdown",
      "props": {
        "choices": [
          "January",
          "February",
          "March",
          "April",
          "May"
        ],
        "label": "Month",
        "show_label": true,
        "name": "dropdown",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 3,
      "type": "checkboxgroup",
      "props": {
        "choices": [
          "USA",
          "Canada",
          "Mexico",
          "UK"
        ],
        "value": [
          "USA",
          "Canada"
        ],
        "label": "Countries",
        "show_label": true,
        "name": "checkboxgroup",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 4,
      "type": "checkbox",
      "props": {
        "value": false,
        "label": "Social Distancing?",
        "show_label": true,
        "name": "checkbox",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 10,
      "type": "row",
      "props": {
        "type": "row",
        "visible": true,
        "style": {
          "mobile_collapse": false
        }
      }
    },
    {
      "id": 11,
      "type": "button",
      "props": {
        "value": "Clear",
        "variant": "secondary",
        "name": "button",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 12,
      "type": "button",
      "props": {
        "value": "Submit",
        "variant": "primary",
        "name": "button",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 13,
      "type": "column",
      "props": {
        "type": "column",
        "variant": "panel",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 14,
      "type": "statustracker",
      "props": {
        "cover_container": true,
        "name": "statustracker",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 5,
      "type": "plot",
      "props": {
        "label": "output",
        "show_label": true,
        "interactive": false,
        "name": "plot",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 15,
      "type": "row",
      "props": {
        "type": "row",
        "visible": true,
        "style": {
          "mobile_collapse": false
        }
      }
    },
    {
      "id": 16,
      "type": "button",
      "props": {
        "value": "Flag",
        "variant": "secondary",
        "name": "button",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 17,
      "type": "dataset",
      "props": {
        "components": [
          "dropdown",
          "slider",
          "dropdown",
          "checkboxgroup",
          "checkbox"
        ],
        "headers": [
          "Plot Type",
          "R",
          "Month",
          "Countries",
          "Social Distancing?"
        ],
        "samples": [
          [
            "Matplotlib",
            2,
            "March",
            [
              "Mexico",
              "UK"
            ],
            true
          ],
          [
            "Plotly",
            3.6,
            "February",
            [
              "Canada",
              "Mexico",
              "UK"
            ],
            false
          ],
          [
            "Bokeh",
            1.2,
            "May",
            [
              "UK"
            ],
            true
          ]
        ],
        "type": "index",
        "name": "dataset",
        "visible": true,
        "style": {}
      }
    }
  ],
  "theme": "default",
  "css": null,
  "title": "Gradio",
  "enable_queue": false,
  "layout": {
    "id": 6,
    "children": [
      {
        "id": 7,
        "children": [
          {
            "id": 8,
            "children": [
              {
                "id": 9,
                "children": [
                  {
                    "id": 0
                  },
                  {
                    "id": 1
                  },
                  {
                    "id": 2
                  },
                  {
                    "id": 3
                  },
                  {
                    "id": 4
                  }
                ]
              },
              {
                "id": 10,
                "children": [
                  {
                    "id": 11
                  },
                  {
                    "id": 12
                  }
                ]
              }
            ]
          },
          {
            "id": 13,
            "children": [
              {
                "id": 14
              },
              {
                "id": 5
              },
              {
                "id": 15,
                "children": [
                  {
                    "id": 16
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "id": 17
      }
    ]
  },
  "dependencies": [
    {
      "targets": [
        12
      ],
      "trigger": "click",
      "inputs": [
        0,
        1,
        2,
        3,
        4
      ],
      "outputs": [
        5
      ],
      "backend_fn": true,
      "js": null,
      "queue": null,
      "api_name": "predict",
      "scroll_to_output": true,
      "show_progress": true,
      "documentation": [
        [
          [
            "selected choice",
            "str"
          ],
          [
            "numeric input",
            "float"
          ],
          [
            "selected choice",
            "str"
          ],
          [
            "list of selected choices",
            "List[str]"
          ],
          [
            "boolean input",
            "bool"
          ]
        ],
        [
          [
            "plot type mapped to plot base64 data",
            "Dict[str, str] | None"
          ]
        ]
      ]
    },
    {
      "targets": [
        11
      ],
      "trigger": "click",
      "inputs": [],
      "outputs": [
        0,
        1,
        2,
        3,
        4,
        5,
        9
      ],
      "backend_fn": false,
      "js": "() => [null, 3.2, null, [], null, null, {\"variant\": null, \"visible\": true, \"__type__\": \"update\"}]\n                ",
      "queue": null,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    },
    {
      "targets": [
        16
      ],
      "trigger": "click",
      "inputs": [
        0,
        1,
        2,
        3,
        4,
        5
      ],
      "outputs": [],
      "backend_fn": true,
      "js": null,
      "queue": false,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    },
    {
      "targets": [
        17
      ],
      "trigger": "click",
      "inputs": [
        17
      ],
      "outputs": [
        0,
        1,
        2,
        3,
        4,
        5
      ],
      "backend_fn": true,
      "js": null,
      "status_tracker": null,
      "queue": false,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    }
  ]
}