โ† All examples

Cell structure

A labelled-object test with callouts around a central symbolic form.

Cell structure A labelled-object test with callouts around a central symbolic form. {"version":"0.1","sceneId":"cell-structure-callouts","targets":[{"nodeId":"cell-schematic-membrane","semanticRole":"shape","animation":"fade","order":1,"startPct":13.82,"durationPct":8},{"nodeId":"cell-schematic-wall","semanticRole":"shape","animation":"fade","order":2,"startPct":15.64,"durationPct":8},{"nodeId":"cell-schematic-nucleus","semanticRole":"shape","animation":"fade","order":3,"startPct":17.45,"durationPct":8},{"nodeId":"cell-schematic-vacuole","semanticRole":"shape","animation":"fade","order":4,"startPct":19.27,"durationPct":8},{"nodeId":"cell-schematic-chloroplast-a","semanticRole":"shape","animation":"fade","order":5,"startPct":21.09,"durationPct":8},{"nodeId":"cell-schematic-chloroplast-b","semanticRole":"shape","animation":"fade","order":6,"startPct":22.91,"durationPct":8},{"nodeId":"cell-pin-0","semanticRole":"shape","animation":"fade","order":9,"startPct":28.36,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Cell structure","label":"Cell structure"},{"nodeId":"cell-pin-1","semanticRole":"shape","animation":"fade","order":12,"startPct":33.82,"durationPct":8},{"nodeId":"cell-title","semanticRole":"label","animation":"label","order":7,"startPct":35.33,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"cell-label-0","semanticRole":"label","animation":"label","order":10,"startPct":38.67,"durationPct":8,"value":"Cell wall","label":"Cell wall"},{"nodeId":"cell-pin-2","semanticRole":"shape","animation":"fade","order":15,"startPct":39.27,"durationPct":8},{"nodeId":"cell-label-1","semanticRole":"label","animation":"label","order":13,"startPct":42,"durationPct":8,"value":"Nucleus","label":"Nucleus"},{"nodeId":"cell-pin-3","semanticRole":"shape","animation":"fade","order":18,"startPct":44.73,"durationPct":8},{"nodeId":"cell-label-2","semanticRole":"label","animation":"label","order":16,"startPct":45.33,"durationPct":8,"value":"Chloroplast","label":"Chloroplast"},{"nodeId":"cell-label-3","semanticRole":"label","animation":"label","order":19,"startPct":48.67,"durationPct":8,"value":"Vacuole","label":"Vacuole"},{"nodeId":"cell-pin-4","semanticRole":"shape","animation":"fade","order":21,"startPct":50.18,"durationPct":8},{"nodeId":"cell-label-4","semanticRole":"label","animation":"label","order":22,"startPct":52,"durationPct":8,"value":"Cytoplasm","label":"Cytoplasm"},{"nodeId":"cell-callout-0","semanticRole":"connector","animation":"draw","order":8,"startPct":58.55,"durationPct":14},{"nodeId":"cell-callout-1","semanticRole":"connector","animation":"draw","order":11,"startPct":64,"durationPct":14},{"nodeId":"cell-callout-2","semanticRole":"connector","animation":"draw","order":14,"startPct":69.45,"durationPct":14},{"nodeId":"cell-callout-3","semanticRole":"connector","animation":"draw","order":17,"startPct":74.91,"durationPct":14},{"nodeId":"cell-callout-4","semanticRole":"connector","animation":"draw","order":20,"startPct":80.36,"durationPct":14}]} Cell structure Plant cellCell wallNucleusChloroplastVacuoleCytoplasm
{
  "version": "0.1",
  "id": "cell-structure-callouts",
  "title": "Cell structure",
  "description": "A labelled-object test with callouts around a central symbolic form.",
  "canvas": {
    "width": 900,
    "height": 560,
    "background": "background",
    "padding": 40
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 450,
      "y": 60,
      "type": "text",
      "text": "Cell structure",
      "fontSize": 28,
      "align": "center"
    },
    {
      "id": "cell",
      "x": 130,
      "y": 105,
      "width": 640,
      "height": 370,
      "accessibility": {
        "label": "Plant cell callout diagram",
        "role": "img"
      },
      "type": "component",
      "component": "LabelledObject",
      "props": {
        "title": "Plant cell",
        "objectIcon": "leaf",
        "labels": [
          {
            "label": "Cell wall",
            "side": "left"
          },
          {
            "label": "Nucleus",
            "side": "right"
          },
          {
            "label": "Chloroplast",
            "side": "left"
          },
          {
            "label": "Vacuole",
            "side": "right"
          },
          {
            "label": "Cytoplasm",
            "side": "bottom"
          }
        ]
      }
    }
  ]
}