โ† All examples

Fractions on a number line

Canonical Scrwly scene example: fraction-number-line

Fractions on a number line Visual scene fraction-number-line {"version":"0.1","sceneId":"fraction-number-line","targets":[{"nodeId":"line1-axis","semanticRole":"axis","animation":"draw","order":1,"startPct":4.35,"durationPct":12},{"nodeId":"line1-tick-0","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"line1-tick-0-25","semanticRole":"tick","animation":"tick","order":4,"startPct":21,"durationPct":8},{"nodeId":"line1-tick-0-5","semanticRole":"tick","animation":"tick","order":6,"startPct":26,"durationPct":8},{"nodeId":"line1-tick-0-75","semanticRole":"tick","animation":"tick","order":8,"startPct":31,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Fractions on a number line","label":"Fractions on a number line"},{"nodeId":"line1-label-0","semanticRole":"label","animation":"label","order":3,"startPct":34.5,"durationPct":8,"value":"0","label":"0"},{"nodeId":"line1-tick-1","semanticRole":"tick","animation":"tick","order":10,"startPct":36,"durationPct":8},{"nodeId":"line1-label-0-25","semanticRole":"label","animation":"label","order":5,"startPct":37,"durationPct":8,"value":"0.25","label":"0.25"},{"nodeId":"line1-label-0-5","semanticRole":"label","animation":"label","order":7,"startPct":39.5,"durationPct":8,"value":"0.5","label":"0.5"},{"nodeId":"line1-label-0-75","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"0.75","label":"0.75"},{"nodeId":"line1-label-1","semanticRole":"label","animation":"label","order":11,"startPct":44.5,"durationPct":8,"value":"1","label":"1"},{"nodeId":"line1-highlight-0-25","semanticRole":"highlight","animation":"pop","order":12,"startPct":70,"durationPct":8,"value":"1/4","label":"1/4"},{"nodeId":"line1-highlight-0-5","semanticRole":"highlight","animation":"pop","order":14,"startPct":78,"durationPct":8,"value":"1/2","label":"1/2"},{"nodeId":"line1-highlight-0-75","semanticRole":"highlight","animation":"pop","order":16,"startPct":86,"durationPct":8,"value":"3/4","label":"3/4"},{"nodeId":"line1-highlight-label-0-25","semanticRole":"label","animation":"label","order":13,"startPct":88,"durationPct":8,"value":"1/4","label":"1/4"},{"nodeId":"line1-highlight-label-0-5","semanticRole":"label","animation":"label","order":15,"startPct":88,"durationPct":8,"value":"1/2","label":"1/2"},{"nodeId":"line1-highlight-label-0-75","semanticRole":"label","animation":"label","order":17,"startPct":88,"durationPct":8,"value":"3/4","label":"3/4"}]} Fractions on a number line Number line from 0 to 100.250.50.7511 over 4141 over 2123 over 434
{
  "version": "0.1",
  "id": "fraction-number-line",
  "title": "Fractions on a number line",
  "canvas": {
    "width": 900,
    "height": 360,
    "background": "background",
    "padding": 40
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 450,
      "y": 58,
      "type": "text",
      "text": "Fractions on a number line",
      "fontSize": 27,
      "align": "center"
    },
    {
      "id": "line1",
      "x": 70,
      "y": 136,
      "width": 760,
      "height": 150,
      "type": "component",
      "component": "NumberLine",
      "props": {
        "min": 0,
        "max": 1,
        "step": 0.25,
        "highlights": [
          {
            "value": 0.25,
            "label": "1/4"
          },
          {
            "value": 0.5,
            "label": "1/2"
          },
          {
            "value": 0.75,
            "label": "3/4"
          }
        ]
      }
    }
  ]
}