Soru görselleri

Boşluklu bir sayı dizisi, aralıklı bir cümle ya da bir parçası gitmiş kod mu lazım? Bu şablonlar o resmi her seferinde aynı şekilde çizer.

Bir görsel iste

Bir şablon ve biraz veri gönder. Aynı girdi her zaman aynı resmi çizer.

HTTP

POST /api/v1/quizzes/{quizId}/images/templates
Authorization: Bearer <quiz-scoped-key>
Content-Type: application/json

{
  "templateId": "universal.tiles",
  "data": {
    "rows": [
      [
        "2",
        "4",
        "8",
        "?"
      ]
    ]
  }
}

Sakla ya da yalnızca önizle

Görseli quizle kaydet ya da tasarımı ayarlarken geçici bir önizleme iste.

output: "image"

Olağan sonuç, quizle saklanan ve bir görsel kimliği olarak dönen WebP’dir.

output: "png" | "svg"

PNG ve SVG önizleme baytı olarak döner, saklanmaz.

Görünür boşluğu olan şablonlar

Asıl boşluğu gösterenler bunlardır.

language.textCloud ve code.syntaxBlock bağlam ekler ama boşluk çizmez; bu yüzden bu galeride değil, API referansındadır.

universal.tiles

Sayı kutucukları

Diziler, toplamlar ve denklemler net kutucuklar halinde.

JSON

{
  "templateId": "universal.tiles",
  "data": {
    "rows": [
      [
        "2",
        "4",
        "8",
        "?"
      ]
    ]
  }
}

universal.sortingBins

Sınıflama kutuları

Öğeleri etiketli kategorilere bırak.

JSON

{
  "templateId": "universal.sortingBins",
  "data": {
    "bins": [
      "Round",
      "Angular"
    ],
    "binItems": [
      [
        {
          "kind": "shape",
          "name": "circle"
        },
        {
          "kind": "shape",
          "name": "triangle"
        }
      ],
      [
        {
          "kind": "shape",
          "name": "circle"
        },
        "?"
      ]
    ]
  }
}

universal.clockFace

Saat kadranı

Saat soruları için analog saat.

JSON

{
  "templateId": "universal.clockFace",
  "data": {
    "hour": 3,
    "minute": 30
  }
}

universal.numberLine

Sayı doğrusu

İsteğe bağlı boş işaretli sayma ve diziler.

JSON

{
  "templateId": "universal.numberLine",
  "data": {
    "start": 0,
    "end": 10,
    "step": 2,
    "missing": 6
  }
}

math.fractionBar

Kesir çubuğu

Bir bütünün kesrini gösteren bölümlü çubuk.

JSON

{
  "templateId": "math.fractionBar",
  "data": {
    "shaded": 3,
    "total": 4
  }
}

language.sentenceTiles

Cümle kutucukları

Kelime kutucuklarından bir cümle, doldurulacak bir boşlukla.

JSON

{
  "templateId": "language.sentenceTiles",
  "data": {
    "words": [
      "The",
      "cat",
      "sat",
      "on",
      "the",
      {
        "kind": "gap",
        "characters": 3
      }
    ]
  }
}

geometry.figure

Geometrik şekil

Sorunun gerektirdiği etiketler ve bilinmeyen için bir boşlukla açılar, üçgenler, dörtgenler, çemberler ve paralel doğrular.

JSON

{
  "templateId": "geometry.figure",
  "data": {
    "kind": "triangle",
    "angles": [
      90,
      35,
      55
    ],
    "angleLabels": [
      "90°",
      "35°",
      "?"
    ],
    "sideLabels": [
      "12 cm",
      null,
      "5 cm"
    ],
    "vertices": [
      "A",
      "B",
      "C"
    ]
  }
}

data.barChart

Sütun grafiği

Değerleri kılavuz çizgilerinden okuyun, kategorileri karşılaştırın veya toplamı bulun.

JSON

{
  "templateId": "data.barChart",
  "data": {
    "title": "Costumes worn at the party",
    "categories": [
      "Witch",
      "Ghost",
      "Vampire",
      "Zombie"
    ],
    "values": [
      12,
      7,
      9,
      4
    ],
    "unit": "pupils"
  }
}

data.table

Veri tablosu

"Buraya ne gelir?" soruları için bir hücresi gizlenmiş küçük bir tablo.

JSON

{
  "templateId": "data.table",
  "data": {
    "headers": [
      "Shop",
      "Price (£)",
      "Sold"
    ],
    "rows": [
      [
        "Boo",
        3.5,
        12
      ],
      [
        "Fang",
        4,
        null
      ],
      [
        "Grim",
        2.75,
        20
      ]
    ]
  }
}

math.coordinateGrid

Koordinat düzlemi

Koordinatlar, orta noktalar ve eğimler için işaretlenmiş noktalar ve doğru parçaları.

JSON

{
  "templateId": "math.coordinateGrid",
  "data": {
    "xMin": -5,
    "xMax": 5,
    "yMin": -5,
    "yMax": 5,
    "points": [
      {
        "x": 2,
        "y": 3,
        "label": "A"
      },
      {
        "x": -4,
        "y": 1,
        "label": "B"
      }
    ],
    "segments": [
      [
        0,
        1
      ]
    ]
  }
}

science.circuit

Devre şeması

Standart sembollerle çizilmiş seri devre: pil, ampul, direnç, anahtar, ölçü aletleri.

JSON

{
  "templateId": "science.circuit",
  "data": {
    "components": [
      {
        "kind": "battery",
        "label": "6 V"
      },
      {
        "kind": "switch",
        "open": true
      },
      {
        "kind": "bulb",
        "label": "L1"
      },
      {
        "kind": "resistor",
        "label": "10 Ω"
      },
      {
        "kind": "ammeter"
      }
    ]
  }
}

science.rayDiagram

Işın diyagramı

Ana ışınlarıyla aynalar ve mercekler; görüntünün nerede oluştuğunu sorun ya da gösterin.

JSON

{
  "templateId": "science.rayDiagram",
  "data": {
    "device": "concaveMirror",
    "focalLength": 2,
    "objectDistance": 5,
    "objectHeight": 2,
    "showImage": false
  }
}

code.fillBlank

Boşluğu doldur

Eksik parçası net işaretlenmiş kod.

JSON

{
  "templateId": "code.fillBlank",
  "data": {
    "code": "function average(scores) {\n  const total = scores.reduce(\n    (sum, score) => sum + score,\n    0\n  )\n  return total ___{1} scores.length\n}",
    "language": "javascript"
  }
}

Daha fazla kod örneği

code.fillBlank 30 satırda en fazla 2.000 karakter tutar. Yalnız ___ varsayılan boşluk genişliğini kullanır. ___{N} boşluğu N karakter genişliğe ayarlar; N 1 ile 24 arasındadır. JavaScript, Python, HTML ve SQL çalışır.

JavaScript

JSON

{
  "templateId": "code.fillBlank",
  "data": {
    "code": "async function loadQuiz(id) {\n  const response = await fetch(`/api/quizzes/${id}`)\n  if (!response.ok) {\n    throw new Error(\"Could not load quiz\")\n  }\n  return ___{15}\n}",
    "language": "javascript"
  }
}

Python

JSON

{
  "templateId": "code.fillBlank",
  "data": {
    "code": "def average(scores):\n    if not scores:\n        return 0\n\n    total = sum(scores)\n    return total ___{1} len(scores)",
    "language": "python"
  }
}

HTML

JSON

{
  "templateId": "code.fillBlank",
  "data": {
    "code": "<figure class=\"quiz-image\">\n  <img\n    src=\"aurora.webp\"\n    ___{3}=\"Northern lights over Tromsø\"\n  />\n  <figcaption>Norway at night</figcaption>\n</figure>",
    "language": "html"
  }
}

SQL

SQL. Eksik parçası net işaretlenmiş kod.

JSON

{
  "templateId": "code.fillBlank",
  "data": {
    "code": "SELECT subject, COUNT(*) AS question_count\nFROM questions\nWHERE status = 'published'\nGROUP BY ___{7}\nORDER BY question_count DESC;",
    "language": "sql"
  }
}

Bir kutucuğa neler koyabilirsin

Metin, sayı ve boşluklardan bir görsel kur. Emoji, yığılmış emoji, bayrak, şekil, biçimli metin ve LaTeX çalışır. {"kind":"gap","characters":N} bir metin veya kutucuk boşluğunu N karakter genişliğe ayarlar; N 1 ile 24 arasındadır. Eski işaretler varsayılan genişlikte kalır.

textnumber?{"kind":"gap","characters":3}emojiemojiStackflagshapelatex