← All examples

Theme comparisons

The same scene graph rendered through every registered theme. Structure never changes; only the visual language does.

clean-lightpaper-craftwhiteboardblackboardblueprintrough-blackboard

Photosynthesis

A simple visual explanation of photosynthesis inputs and outputs.

Monochrome Braun

clean-light
Photosynthesis A simple visual explanation of photosynthesis inputs and outputs. {"version":"0.1","sceneId":"photosynthesis-cycle","targets":[{"nodeId":"cycle1-sun-box","semanticRole":"shape","animation":"fade","order":5,"startPct":20,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-sun-icon-halo","semanticRole":"shape","animation":"fade","order":6,"startPct":21.6,"durationPct":8},{"nodeId":"cycle1-sun-icon","semanticRole":"shape","animation":"fade","order":7,"startPct":23.2,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-water-box","semanticRole":"shape","animation":"fade","order":9,"startPct":26.4,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-water-icon-halo","semanticRole":"shape","animation":"fade","order":10,"startPct":28,"durationPct":8},{"nodeId":"cycle1-water-icon","semanticRole":"shape","animation":"fade","order":11,"startPct":29.6,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-sun-label","semanticRole":"label","animation":"label","order":8,"startPct":32,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-co2-box","semanticRole":"shape","animation":"fade","order":13,"startPct":32.8,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-co2-icon-halo","semanticRole":"shape","animation":"fade","order":14,"startPct":34.4,"durationPct":8},{"nodeId":"cycle1-water-label","semanticRole":"label","animation":"label","order":12,"startPct":36,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-co2-icon","semanticRole":"shape","animation":"fade","order":15,"startPct":36,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-box","semanticRole":"shape","animation":"fade","order":17,"startPct":39.2,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-co2-label","semanticRole":"label","animation":"label","order":16,"startPct":40,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-icon-halo","semanticRole":"shape","animation":"fade","order":18,"startPct":40.8,"durationPct":8},{"nodeId":"cycle1-plant-icon","semanticRole":"shape","animation":"fade","order":19,"startPct":42.4,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-sun-arrow","semanticRole":"connector","animation":"draw","order":0,"startPct":44,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-plant-label","semanticRole":"label","animation":"label","order":20,"startPct":44,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-water-arrow","semanticRole":"connector","animation":"draw","order":1,"startPct":45.6,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-box","semanticRole":"shape","animation":"fade","order":21,"startPct":45.6,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-co2-arrow","semanticRole":"connector","animation":"draw","order":2,"startPct":47.2,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon-halo","semanticRole":"shape","animation":"fade","order":22,"startPct":47.2,"durationPct":8},{"nodeId":"cycle1-oxygen-label","semanticRole":"label","animation":"label","order":24,"startPct":48,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-plant-arrow","semanticRole":"connector","animation":"draw","order":3,"startPct":48.8,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon","semanticRole":"shape","animation":"fade","order":23,"startPct":48.8,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-oxygen-arrow","semanticRole":"connector","animation":"draw","order":4,"startPct":50.4,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"title","semanticRole":"label","animation":"label","order":25,"startPct":52,"durationPct":8,"value":"Photosynthesis","label":"Photosynthesis"}]} SunlightSunlightSunlightWaterWaterWaterCarbon dioxideCarbon dioxideCarbon dioxidePlant makes glucosePlant makes glucosePlant makesglucoseOxygen releasedOxygen releasedOxygen released Photosynthesis

Paper Craft

paper-craft
Photosynthesis A simple visual explanation of photosynthesis inputs and outputs. {"version":"0.1","sceneId":"photosynthesis-cycle","targets":[{"nodeId":"cycle1-sun-box","semanticRole":"shape","animation":"fade","order":5,"startPct":20,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-sun-icon-halo","semanticRole":"shape","animation":"fade","order":6,"startPct":21.6,"durationPct":8},{"nodeId":"cycle1-sun-icon","semanticRole":"shape","animation":"fade","order":7,"startPct":23.2,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-water-box","semanticRole":"shape","animation":"fade","order":9,"startPct":26.4,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-water-icon-halo","semanticRole":"shape","animation":"fade","order":10,"startPct":28,"durationPct":8},{"nodeId":"cycle1-water-icon","semanticRole":"shape","animation":"fade","order":11,"startPct":29.6,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-sun-label","semanticRole":"label","animation":"label","order":8,"startPct":32,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-co2-box","semanticRole":"shape","animation":"fade","order":13,"startPct":32.8,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-co2-icon-halo","semanticRole":"shape","animation":"fade","order":14,"startPct":34.4,"durationPct":8},{"nodeId":"cycle1-water-label","semanticRole":"label","animation":"label","order":12,"startPct":36,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-co2-icon","semanticRole":"shape","animation":"fade","order":15,"startPct":36,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-box","semanticRole":"shape","animation":"fade","order":17,"startPct":39.2,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-co2-label","semanticRole":"label","animation":"label","order":16,"startPct":40,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-icon-halo","semanticRole":"shape","animation":"fade","order":18,"startPct":40.8,"durationPct":8},{"nodeId":"cycle1-plant-icon","semanticRole":"shape","animation":"fade","order":19,"startPct":42.4,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-sun-arrow","semanticRole":"connector","animation":"draw","order":0,"startPct":44,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-plant-label","semanticRole":"label","animation":"label","order":20,"startPct":44,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-water-arrow","semanticRole":"connector","animation":"draw","order":1,"startPct":45.6,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-box","semanticRole":"shape","animation":"fade","order":21,"startPct":45.6,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-co2-arrow","semanticRole":"connector","animation":"draw","order":2,"startPct":47.2,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon-halo","semanticRole":"shape","animation":"fade","order":22,"startPct":47.2,"durationPct":8},{"nodeId":"cycle1-oxygen-label","semanticRole":"label","animation":"label","order":24,"startPct":48,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-plant-arrow","semanticRole":"connector","animation":"draw","order":3,"startPct":48.8,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon","semanticRole":"shape","animation":"fade","order":23,"startPct":48.8,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-oxygen-arrow","semanticRole":"connector","animation":"draw","order":4,"startPct":50.4,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"title","semanticRole":"label","animation":"label","order":25,"startPct":52,"durationPct":8,"value":"Photosynthesis","label":"Photosynthesis"}]} SunlightSunlightSunlightWaterWaterWaterCarbon dioxideCarbon dioxideCarbon dioxidePlant makes glucosePlant makes glucosePlant makesglucoseOxygen releasedOxygen releasedOxygen released Photosynthesis

Whiteboard

whiteboard
Photosynthesis A simple visual explanation of photosynthesis inputs and outputs. {"version":"0.1","sceneId":"photosynthesis-cycle","targets":[{"nodeId":"cycle1-sun-box","semanticRole":"shape","animation":"fade","order":5,"startPct":20,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-sun-icon-halo","semanticRole":"shape","animation":"fade","order":6,"startPct":21.6,"durationPct":8},{"nodeId":"cycle1-sun-icon","semanticRole":"shape","animation":"fade","order":7,"startPct":23.2,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-water-box","semanticRole":"shape","animation":"fade","order":9,"startPct":26.4,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-water-icon-halo","semanticRole":"shape","animation":"fade","order":10,"startPct":28,"durationPct":8},{"nodeId":"cycle1-water-icon","semanticRole":"shape","animation":"fade","order":11,"startPct":29.6,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-sun-label","semanticRole":"label","animation":"label","order":8,"startPct":32,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-co2-box","semanticRole":"shape","animation":"fade","order":13,"startPct":32.8,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-co2-icon-halo","semanticRole":"shape","animation":"fade","order":14,"startPct":34.4,"durationPct":8},{"nodeId":"cycle1-water-label","semanticRole":"label","animation":"label","order":12,"startPct":36,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-co2-icon","semanticRole":"shape","animation":"fade","order":15,"startPct":36,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-box","semanticRole":"shape","animation":"fade","order":17,"startPct":39.2,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-co2-label","semanticRole":"label","animation":"label","order":16,"startPct":40,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-icon-halo","semanticRole":"shape","animation":"fade","order":18,"startPct":40.8,"durationPct":8},{"nodeId":"cycle1-plant-icon","semanticRole":"shape","animation":"fade","order":19,"startPct":42.4,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-sun-arrow","semanticRole":"connector","animation":"draw","order":0,"startPct":44,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-plant-label","semanticRole":"label","animation":"label","order":20,"startPct":44,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-water-arrow","semanticRole":"connector","animation":"draw","order":1,"startPct":45.6,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-box","semanticRole":"shape","animation":"fade","order":21,"startPct":45.6,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-co2-arrow","semanticRole":"connector","animation":"draw","order":2,"startPct":47.2,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon-halo","semanticRole":"shape","animation":"fade","order":22,"startPct":47.2,"durationPct":8},{"nodeId":"cycle1-oxygen-label","semanticRole":"label","animation":"label","order":24,"startPct":48,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-plant-arrow","semanticRole":"connector","animation":"draw","order":3,"startPct":48.8,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon","semanticRole":"shape","animation":"fade","order":23,"startPct":48.8,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-oxygen-arrow","semanticRole":"connector","animation":"draw","order":4,"startPct":50.4,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"title","semanticRole":"label","animation":"label","order":25,"startPct":52,"durationPct":8,"value":"Photosynthesis","label":"Photosynthesis"}]} SunlightSunlightSunlightWaterWaterWaterCarbon dioxideCarbon dioxideCarbon dioxidePlant makes glucosePlant makes glucosePlant makesglucoseOxygen releasedOxygen releasedOxygen released Photosynthesis

Blackboard

blackboard
Photosynthesis A simple visual explanation of photosynthesis inputs and outputs. {"version":"0.1","sceneId":"photosynthesis-cycle","targets":[{"nodeId":"cycle1-sun-box","semanticRole":"shape","animation":"fade","order":5,"startPct":20,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-sun-icon-halo","semanticRole":"shape","animation":"fade","order":6,"startPct":21.6,"durationPct":8},{"nodeId":"cycle1-sun-icon","semanticRole":"shape","animation":"fade","order":7,"startPct":23.2,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-water-box","semanticRole":"shape","animation":"fade","order":9,"startPct":26.4,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-water-icon-halo","semanticRole":"shape","animation":"fade","order":10,"startPct":28,"durationPct":8},{"nodeId":"cycle1-water-icon","semanticRole":"shape","animation":"fade","order":11,"startPct":29.6,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-sun-label","semanticRole":"label","animation":"label","order":8,"startPct":32,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-co2-box","semanticRole":"shape","animation":"fade","order":13,"startPct":32.8,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-co2-icon-halo","semanticRole":"shape","animation":"fade","order":14,"startPct":34.4,"durationPct":8},{"nodeId":"cycle1-water-label","semanticRole":"label","animation":"label","order":12,"startPct":36,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-co2-icon","semanticRole":"shape","animation":"fade","order":15,"startPct":36,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-box","semanticRole":"shape","animation":"fade","order":17,"startPct":39.2,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-co2-label","semanticRole":"label","animation":"label","order":16,"startPct":40,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-icon-halo","semanticRole":"shape","animation":"fade","order":18,"startPct":40.8,"durationPct":8},{"nodeId":"cycle1-plant-icon","semanticRole":"shape","animation":"fade","order":19,"startPct":42.4,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-sun-arrow","semanticRole":"connector","animation":"draw","order":0,"startPct":44,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-plant-label","semanticRole":"label","animation":"label","order":20,"startPct":44,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-water-arrow","semanticRole":"connector","animation":"draw","order":1,"startPct":45.6,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-box","semanticRole":"shape","animation":"fade","order":21,"startPct":45.6,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-co2-arrow","semanticRole":"connector","animation":"draw","order":2,"startPct":47.2,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon-halo","semanticRole":"shape","animation":"fade","order":22,"startPct":47.2,"durationPct":8},{"nodeId":"cycle1-oxygen-label","semanticRole":"label","animation":"label","order":24,"startPct":48,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-plant-arrow","semanticRole":"connector","animation":"draw","order":3,"startPct":48.8,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon","semanticRole":"shape","animation":"fade","order":23,"startPct":48.8,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-oxygen-arrow","semanticRole":"connector","animation":"draw","order":4,"startPct":50.4,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"title","semanticRole":"label","animation":"label","order":25,"startPct":52,"durationPct":8,"value":"Photosynthesis","label":"Photosynthesis"}]} SunlightSunlightSunlightWaterWaterWaterCarbon dioxideCarbon dioxideCarbon dioxidePlant makes glucosePlant makes glucosePlant makesglucoseOxygen releasedOxygen releasedOxygen released Photosynthesis

Engineering Blueprint

blueprint
Photosynthesis A simple visual explanation of photosynthesis inputs and outputs. {"version":"0.1","sceneId":"photosynthesis-cycle","targets":[{"nodeId":"cycle1-sun-box","semanticRole":"shape","animation":"fade","order":5,"startPct":20,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-sun-icon-halo","semanticRole":"shape","animation":"fade","order":6,"startPct":21.6,"durationPct":8},{"nodeId":"cycle1-sun-icon","semanticRole":"shape","animation":"fade","order":7,"startPct":23.2,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-water-box","semanticRole":"shape","animation":"fade","order":9,"startPct":26.4,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-water-icon-halo","semanticRole":"shape","animation":"fade","order":10,"startPct":28,"durationPct":8},{"nodeId":"cycle1-water-icon","semanticRole":"shape","animation":"fade","order":11,"startPct":29.6,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-sun-label","semanticRole":"label","animation":"label","order":8,"startPct":32,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-co2-box","semanticRole":"shape","animation":"fade","order":13,"startPct":32.8,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-co2-icon-halo","semanticRole":"shape","animation":"fade","order":14,"startPct":34.4,"durationPct":8},{"nodeId":"cycle1-water-label","semanticRole":"label","animation":"label","order":12,"startPct":36,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-co2-icon","semanticRole":"shape","animation":"fade","order":15,"startPct":36,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-box","semanticRole":"shape","animation":"fade","order":17,"startPct":39.2,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-co2-label","semanticRole":"label","animation":"label","order":16,"startPct":40,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-icon-halo","semanticRole":"shape","animation":"fade","order":18,"startPct":40.8,"durationPct":8},{"nodeId":"cycle1-plant-icon","semanticRole":"shape","animation":"fade","order":19,"startPct":42.4,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-sun-arrow","semanticRole":"connector","animation":"draw","order":0,"startPct":44,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-plant-label","semanticRole":"label","animation":"label","order":20,"startPct":44,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-water-arrow","semanticRole":"connector","animation":"draw","order":1,"startPct":45.6,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-box","semanticRole":"shape","animation":"fade","order":21,"startPct":45.6,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-co2-arrow","semanticRole":"connector","animation":"draw","order":2,"startPct":47.2,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon-halo","semanticRole":"shape","animation":"fade","order":22,"startPct":47.2,"durationPct":8},{"nodeId":"cycle1-oxygen-label","semanticRole":"label","animation":"label","order":24,"startPct":48,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-plant-arrow","semanticRole":"connector","animation":"draw","order":3,"startPct":48.8,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon","semanticRole":"shape","animation":"fade","order":23,"startPct":48.8,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-oxygen-arrow","semanticRole":"connector","animation":"draw","order":4,"startPct":50.4,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"title","semanticRole":"label","animation":"label","order":25,"startPct":52,"durationPct":8,"value":"Photosynthesis","label":"Photosynthesis"}]} SunlightSunlightSUNLIGHTWaterWaterWATERCarbon dioxideCarbon dioxideCARBON DIOXIDEPlant makes glucosePlant makes glucosePLANT MAKESGLUCOSEOxygen releasedOxygen releasedOXYGEN RELEASED PHOTOSYNTHESIS

Hand-drawn Blackboard

rough-blackboard
Photosynthesis A simple visual explanation of photosynthesis inputs and outputs. {"version":"0.1","sceneId":"photosynthesis-cycle","targets":[{"nodeId":"cycle1-sun-box","semanticRole":"shape","animation":"fade","order":5,"startPct":20,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-sun-icon-halo","semanticRole":"shape","animation":"fade","order":6,"startPct":21.6,"durationPct":8},{"nodeId":"cycle1-sun-icon","semanticRole":"shape","animation":"fade","order":7,"startPct":23.2,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-water-box","semanticRole":"shape","animation":"fade","order":9,"startPct":26.4,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-water-icon-halo","semanticRole":"shape","animation":"fade","order":10,"startPct":28,"durationPct":8},{"nodeId":"cycle1-water-icon","semanticRole":"shape","animation":"fade","order":11,"startPct":29.6,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-sun-label","semanticRole":"label","animation":"label","order":8,"startPct":32,"durationPct":8,"value":"Sunlight","label":"Sunlight"},{"nodeId":"cycle1-co2-box","semanticRole":"shape","animation":"fade","order":13,"startPct":32.8,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-co2-icon-halo","semanticRole":"shape","animation":"fade","order":14,"startPct":34.4,"durationPct":8},{"nodeId":"cycle1-water-label","semanticRole":"label","animation":"label","order":12,"startPct":36,"durationPct":8,"value":"Water","label":"Water"},{"nodeId":"cycle1-co2-icon","semanticRole":"shape","animation":"fade","order":15,"startPct":36,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-box","semanticRole":"shape","animation":"fade","order":17,"startPct":39.2,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-co2-label","semanticRole":"label","animation":"label","order":16,"startPct":40,"durationPct":8,"value":"Carbon dioxide","label":"Carbon dioxide"},{"nodeId":"cycle1-plant-icon-halo","semanticRole":"shape","animation":"fade","order":18,"startPct":40.8,"durationPct":8},{"nodeId":"cycle1-plant-icon","semanticRole":"shape","animation":"fade","order":19,"startPct":42.4,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-sun-arrow","semanticRole":"connector","animation":"draw","order":0,"startPct":44,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-plant-label","semanticRole":"label","animation":"label","order":20,"startPct":44,"durationPct":8,"value":"Plant makes glucose","label":"Plant makes glucose"},{"nodeId":"cycle1-water-arrow","semanticRole":"connector","animation":"draw","order":1,"startPct":45.6,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-box","semanticRole":"shape","animation":"fade","order":21,"startPct":45.6,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-co2-arrow","semanticRole":"connector","animation":"draw","order":2,"startPct":47.2,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon-halo","semanticRole":"shape","animation":"fade","order":22,"startPct":47.2,"durationPct":8},{"nodeId":"cycle1-oxygen-label","semanticRole":"label","animation":"label","order":24,"startPct":48,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-plant-arrow","semanticRole":"connector","animation":"draw","order":3,"startPct":48.8,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"cycle1-oxygen-icon","semanticRole":"shape","animation":"fade","order":23,"startPct":48.8,"durationPct":8,"value":"Oxygen released","label":"Oxygen released"},{"nodeId":"cycle1-oxygen-arrow","semanticRole":"connector","animation":"draw","order":4,"startPct":50.4,"durationPct":14,"value":"arrow","label":"arrow"},{"nodeId":"title","semanticRole":"label","animation":"label","order":25,"startPct":52,"durationPct":8,"value":"Photosynthesis","label":"Photosynthesis"}]} SunlightSunlightSunlightWaterWaterWaterCarbon dioxideCarbon dioxideCarbon dioxidePlant makes glucosePlant makes glucosePlant makesglucoseOxygen releasedOxygen releasedOxygen released Photosynthesis

States of matter

Canonical Scrwly scene example: states-of-matter-comparison

Monochrome Braun

clean-light
States of matter Visual scene states-of-matter-comparison {"version":"0.1","sceneId":"states-of-matter-comparison","targets":[{"nodeId":"solid","semanticRole":"shape","animation":"fade","order":1,"startPct":16.44,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquid","semanticRole":"shape","animation":"fade","order":2,"startPct":20.89,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gas","semanticRole":"shape","animation":"fade","order":3,"startPct":25.33,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Solids, liquids and gases","label":"Solids, liquids and gases"},{"nodeId":"solidHeading","semanticRole":"label","animation":"label","order":4,"startPct":35.33,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquidHeading","semanticRole":"label","animation":"label","order":5,"startPct":38.67,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gasHeading","semanticRole":"label","animation":"label","order":6,"startPct":42,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"solidText","semanticRole":"label","animation":"label","order":7,"startPct":45.33,"durationPct":8,"value":"Particles packed tightly\nKeeps its shape","label":"Particles packed tightly\nKeeps its shape"},{"nodeId":"liquidText","semanticRole":"label","animation":"label","order":8,"startPct":48.67,"durationPct":8,"value":"Particles move around\nTakes shape of container","label":"Particles move around\nTakes shape of container"},{"nodeId":"gasText","semanticRole":"label","animation":"label","order":9,"startPct":52,"durationPct":8,"value":"Particles spread out\nFills available space","label":"Particles spread out\nFills available space"}]} Solids, liquids and gases Solid Liquid Gas SOLID LIQUID GAS Particlespacked tightlyKeeps its shape Particles movearoundTakes shape ofcontainer Particlesspread outFills availablespace

Paper Craft

paper-craft
States of matter Visual scene states-of-matter-comparison {"version":"0.1","sceneId":"states-of-matter-comparison","targets":[{"nodeId":"solid","semanticRole":"shape","animation":"fade","order":1,"startPct":16.44,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquid","semanticRole":"shape","animation":"fade","order":2,"startPct":20.89,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gas","semanticRole":"shape","animation":"fade","order":3,"startPct":25.33,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Solids, liquids and gases","label":"Solids, liquids and gases"},{"nodeId":"solidHeading","semanticRole":"label","animation":"label","order":4,"startPct":35.33,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquidHeading","semanticRole":"label","animation":"label","order":5,"startPct":38.67,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gasHeading","semanticRole":"label","animation":"label","order":6,"startPct":42,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"solidText","semanticRole":"label","animation":"label","order":7,"startPct":45.33,"durationPct":8,"value":"Particles packed tightly\nKeeps its shape","label":"Particles packed tightly\nKeeps its shape"},{"nodeId":"liquidText","semanticRole":"label","animation":"label","order":8,"startPct":48.67,"durationPct":8,"value":"Particles move around\nTakes shape of container","label":"Particles move around\nTakes shape of container"},{"nodeId":"gasText","semanticRole":"label","animation":"label","order":9,"startPct":52,"durationPct":8,"value":"Particles spread out\nFills available space","label":"Particles spread out\nFills available space"}]} Solids, liquids and gases Solid Liquid Gas SOLID LIQUID GAS Particlespacked tightlyKeeps its shape Particles movearoundTakes shape ofcontainer Particlesspread outFills availablespace

Whiteboard

whiteboard
States of matter Visual scene states-of-matter-comparison {"version":"0.1","sceneId":"states-of-matter-comparison","targets":[{"nodeId":"solid","semanticRole":"shape","animation":"fade","order":1,"startPct":16.44,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquid","semanticRole":"shape","animation":"fade","order":2,"startPct":20.89,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gas","semanticRole":"shape","animation":"fade","order":3,"startPct":25.33,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Solids, liquids and gases","label":"Solids, liquids and gases"},{"nodeId":"solidHeading","semanticRole":"label","animation":"label","order":4,"startPct":35.33,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquidHeading","semanticRole":"label","animation":"label","order":5,"startPct":38.67,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gasHeading","semanticRole":"label","animation":"label","order":6,"startPct":42,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"solidText","semanticRole":"label","animation":"label","order":7,"startPct":45.33,"durationPct":8,"value":"Particles packed tightly\nKeeps its shape","label":"Particles packed tightly\nKeeps its shape"},{"nodeId":"liquidText","semanticRole":"label","animation":"label","order":8,"startPct":48.67,"durationPct":8,"value":"Particles move around\nTakes shape of container","label":"Particles move around\nTakes shape of container"},{"nodeId":"gasText","semanticRole":"label","animation":"label","order":9,"startPct":52,"durationPct":8,"value":"Particles spread out\nFills available space","label":"Particles spread out\nFills available space"}]} Solids, liquids and gases Solid Liquid Gas SOLID LIQUID GAS Particlespacked tightlyKeeps its shape Particles movearoundTakes shape ofcontainer Particlesspread outFills availablespace

Blackboard

blackboard
States of matter Visual scene states-of-matter-comparison {"version":"0.1","sceneId":"states-of-matter-comparison","targets":[{"nodeId":"solid","semanticRole":"shape","animation":"fade","order":1,"startPct":16.44,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquid","semanticRole":"shape","animation":"fade","order":2,"startPct":20.89,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gas","semanticRole":"shape","animation":"fade","order":3,"startPct":25.33,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Solids, liquids and gases","label":"Solids, liquids and gases"},{"nodeId":"solidHeading","semanticRole":"label","animation":"label","order":4,"startPct":35.33,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquidHeading","semanticRole":"label","animation":"label","order":5,"startPct":38.67,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gasHeading","semanticRole":"label","animation":"label","order":6,"startPct":42,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"solidText","semanticRole":"label","animation":"label","order":7,"startPct":45.33,"durationPct":8,"value":"Particles packed tightly\nKeeps its shape","label":"Particles packed tightly\nKeeps its shape"},{"nodeId":"liquidText","semanticRole":"label","animation":"label","order":8,"startPct":48.67,"durationPct":8,"value":"Particles move around\nTakes shape of container","label":"Particles move around\nTakes shape of container"},{"nodeId":"gasText","semanticRole":"label","animation":"label","order":9,"startPct":52,"durationPct":8,"value":"Particles spread out\nFills available space","label":"Particles spread out\nFills available space"}]} Solids, liquids and gases Solid Liquid Gas SOLID LIQUID GAS Particlespacked tightlyKeeps its shape Particles movearoundTakes shape ofcontainer Particlesspread outFills availablespace

Engineering Blueprint

blueprint
States of matter Visual scene states-of-matter-comparison {"version":"0.1","sceneId":"states-of-matter-comparison","targets":[{"nodeId":"solid","semanticRole":"shape","animation":"fade","order":1,"startPct":16.44,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquid","semanticRole":"shape","animation":"fade","order":2,"startPct":20.89,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gas","semanticRole":"shape","animation":"fade","order":3,"startPct":25.33,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Solids, liquids and gases","label":"Solids, liquids and gases"},{"nodeId":"solidHeading","semanticRole":"label","animation":"label","order":4,"startPct":35.33,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquidHeading","semanticRole":"label","animation":"label","order":5,"startPct":38.67,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gasHeading","semanticRole":"label","animation":"label","order":6,"startPct":42,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"solidText","semanticRole":"label","animation":"label","order":7,"startPct":45.33,"durationPct":8,"value":"Particles packed tightly\nKeeps its shape","label":"Particles packed tightly\nKeeps its shape"},{"nodeId":"liquidText","semanticRole":"label","animation":"label","order":8,"startPct":48.67,"durationPct":8,"value":"Particles move around\nTakes shape of container","label":"Particles move around\nTakes shape of container"},{"nodeId":"gasText","semanticRole":"label","animation":"label","order":9,"startPct":52,"durationPct":8,"value":"Particles spread out\nFills available space","label":"Particles spread out\nFills available space"}]} SOLIDS, LIQUIDS AND GASES Solid Liquid Gas SOLID LIQUID GAS PARTICLESPACKED TIGHTLYKEEPS ITS SHAPE PARTICLES MOVEAROUNDTAKES SHAPE OFCONTAINER PARTICLESSPREAD OUTFILLS AVAILABLESPACE

Hand-drawn Blackboard

rough-blackboard
States of matter Visual scene states-of-matter-comparison {"version":"0.1","sceneId":"states-of-matter-comparison","targets":[{"nodeId":"solid","semanticRole":"shape","animation":"fade","order":1,"startPct":16.44,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquid","semanticRole":"shape","animation":"fade","order":2,"startPct":20.89,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gas","semanticRole":"shape","animation":"fade","order":3,"startPct":25.33,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Solids, liquids and gases","label":"Solids, liquids and gases"},{"nodeId":"solidHeading","semanticRole":"label","animation":"label","order":4,"startPct":35.33,"durationPct":8,"value":"Solid","label":"Solid"},{"nodeId":"liquidHeading","semanticRole":"label","animation":"label","order":5,"startPct":38.67,"durationPct":8,"value":"Liquid","label":"Liquid"},{"nodeId":"gasHeading","semanticRole":"label","animation":"label","order":6,"startPct":42,"durationPct":8,"value":"Gas","label":"Gas"},{"nodeId":"solidText","semanticRole":"label","animation":"label","order":7,"startPct":45.33,"durationPct":8,"value":"Particles packed tightly\nKeeps its shape","label":"Particles packed tightly\nKeeps its shape"},{"nodeId":"liquidText","semanticRole":"label","animation":"label","order":8,"startPct":48.67,"durationPct":8,"value":"Particles move around\nTakes shape of container","label":"Particles move around\nTakes shape of container"},{"nodeId":"gasText","semanticRole":"label","animation":"label","order":9,"startPct":52,"durationPct":8,"value":"Particles spread out\nFills available space","label":"Particles spread out\nFills available space"}]} Solids, liquids and gases Solid Liquid Gas SOLID LIQUID GAS Particlespacked tightlyKeeps its shape Particles movearoundTakes shape ofcontainer Particlesspread outFills availablespace

Plant and animal cells

A Venn diagram test for transparent overlapping shapes.

Monochrome Braun

clean-light
Plant and animal cells A Venn diagram test for transparent overlapping shapes. {"version":"0.1","sceneId":"plant-animal-venn","targets":[{"nodeId":"venn-plant-circle","semanticRole":"shape","animation":"fade","order":1,"startPct":17.71,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Plant and animal cells","label":"Plant and animal cells"},{"nodeId":"venn-animal-circle","semanticRole":"shape","animation":"fade","order":4,"startPct":34.86,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-plant-label","semanticRole":"label","animation":"label","order":2,"startPct":36,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"venn-plant-items","semanticRole":"label","animation":"label","order":3,"startPct":40,"durationPct":8,"value":"Cell wall\nChloroplasts","label":"Cell wall\nChloroplasts"},{"nodeId":"venn-animal-label","semanticRole":"label","animation":"label","order":5,"startPct":44,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-animal-items","semanticRole":"label","animation":"label","order":6,"startPct":48,"durationPct":8,"value":"Flexible shape\nSmall vacuoles","label":"Flexible shape\nSmall vacuoles"},{"nodeId":"venn-shared-items","semanticRole":"label","animation":"label","order":7,"startPct":52,"durationPct":8,"value":"Nucleus\nMembrane\nCytoplasm","label":"Nucleus\nMembrane\nCytoplasm"}]} Plant and animal cells Plant cellPLANT CELLCell wallChloroplastsAnimal cellANIMAL CELLFlexibleshapeSmallvacuolesNucleusMembraneCytoplasm

Paper Craft

paper-craft
Plant and animal cells A Venn diagram test for transparent overlapping shapes. {"version":"0.1","sceneId":"plant-animal-venn","targets":[{"nodeId":"venn-plant-circle","semanticRole":"shape","animation":"fade","order":1,"startPct":17.71,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Plant and animal cells","label":"Plant and animal cells"},{"nodeId":"venn-animal-circle","semanticRole":"shape","animation":"fade","order":4,"startPct":34.86,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-plant-label","semanticRole":"label","animation":"label","order":2,"startPct":36,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"venn-plant-items","semanticRole":"label","animation":"label","order":3,"startPct":40,"durationPct":8,"value":"Cell wall\nChloroplasts","label":"Cell wall\nChloroplasts"},{"nodeId":"venn-animal-label","semanticRole":"label","animation":"label","order":5,"startPct":44,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-animal-items","semanticRole":"label","animation":"label","order":6,"startPct":48,"durationPct":8,"value":"Flexible shape\nSmall vacuoles","label":"Flexible shape\nSmall vacuoles"},{"nodeId":"venn-shared-items","semanticRole":"label","animation":"label","order":7,"startPct":52,"durationPct":8,"value":"Nucleus\nMembrane\nCytoplasm","label":"Nucleus\nMembrane\nCytoplasm"}]} Plant and animal cells Plant cellPLANT CELLCell wallChloroplastsAnimal cellANIMAL CELLFlexibleshapeSmallvacuolesNucleusMembraneCytoplasm

Whiteboard

whiteboard
Plant and animal cells A Venn diagram test for transparent overlapping shapes. {"version":"0.1","sceneId":"plant-animal-venn","targets":[{"nodeId":"venn-plant-circle","semanticRole":"shape","animation":"fade","order":1,"startPct":17.71,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Plant and animal cells","label":"Plant and animal cells"},{"nodeId":"venn-animal-circle","semanticRole":"shape","animation":"fade","order":4,"startPct":34.86,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-plant-label","semanticRole":"label","animation":"label","order":2,"startPct":36,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"venn-plant-items","semanticRole":"label","animation":"label","order":3,"startPct":40,"durationPct":8,"value":"Cell wall\nChloroplasts","label":"Cell wall\nChloroplasts"},{"nodeId":"venn-animal-label","semanticRole":"label","animation":"label","order":5,"startPct":44,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-animal-items","semanticRole":"label","animation":"label","order":6,"startPct":48,"durationPct":8,"value":"Flexible shape\nSmall vacuoles","label":"Flexible shape\nSmall vacuoles"},{"nodeId":"venn-shared-items","semanticRole":"label","animation":"label","order":7,"startPct":52,"durationPct":8,"value":"Nucleus\nMembrane\nCytoplasm","label":"Nucleus\nMembrane\nCytoplasm"}]} Plant and animal cells Plant cellPLANT CELLCell wallChloroplastsAnimal cellANIMAL CELLFlexibleshapeSmallvacuolesNucleusMembraneCytoplasm

Blackboard

blackboard
Plant and animal cells A Venn diagram test for transparent overlapping shapes. {"version":"0.1","sceneId":"plant-animal-venn","targets":[{"nodeId":"venn-plant-circle","semanticRole":"shape","animation":"fade","order":1,"startPct":17.71,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Plant and animal cells","label":"Plant and animal cells"},{"nodeId":"venn-animal-circle","semanticRole":"shape","animation":"fade","order":4,"startPct":34.86,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-plant-label","semanticRole":"label","animation":"label","order":2,"startPct":36,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"venn-plant-items","semanticRole":"label","animation":"label","order":3,"startPct":40,"durationPct":8,"value":"Cell wall\nChloroplasts","label":"Cell wall\nChloroplasts"},{"nodeId":"venn-animal-label","semanticRole":"label","animation":"label","order":5,"startPct":44,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-animal-items","semanticRole":"label","animation":"label","order":6,"startPct":48,"durationPct":8,"value":"Flexible shape\nSmall vacuoles","label":"Flexible shape\nSmall vacuoles"},{"nodeId":"venn-shared-items","semanticRole":"label","animation":"label","order":7,"startPct":52,"durationPct":8,"value":"Nucleus\nMembrane\nCytoplasm","label":"Nucleus\nMembrane\nCytoplasm"}]} Plant and animal cells Plant cellPLANT CELLCell wallChloroplastsAnimal cellANIMAL CELLFlexibleshapeSmallvacuolesNucleusMembraneCytoplasm

Engineering Blueprint

blueprint
Plant and animal cells A Venn diagram test for transparent overlapping shapes. {"version":"0.1","sceneId":"plant-animal-venn","targets":[{"nodeId":"venn-plant-circle","semanticRole":"shape","animation":"fade","order":1,"startPct":17.71,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Plant and animal cells","label":"Plant and animal cells"},{"nodeId":"venn-animal-circle","semanticRole":"shape","animation":"fade","order":4,"startPct":34.86,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-plant-label","semanticRole":"label","animation":"label","order":2,"startPct":36,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"venn-plant-items","semanticRole":"label","animation":"label","order":3,"startPct":40,"durationPct":8,"value":"Cell wall\nChloroplasts","label":"Cell wall\nChloroplasts"},{"nodeId":"venn-animal-label","semanticRole":"label","animation":"label","order":5,"startPct":44,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-animal-items","semanticRole":"label","animation":"label","order":6,"startPct":48,"durationPct":8,"value":"Flexible shape\nSmall vacuoles","label":"Flexible shape\nSmall vacuoles"},{"nodeId":"venn-shared-items","semanticRole":"label","animation":"label","order":7,"startPct":52,"durationPct":8,"value":"Nucleus\nMembrane\nCytoplasm","label":"Nucleus\nMembrane\nCytoplasm"}]} PLANT AND ANIMAL CELLS Plant cellPLANT CELLCELL WALLCHLOROPLASTSAnimal cellANIMAL CELLFLEXIBLESHAPESMALLVACUOLESNUCLEUSMEMBRANECYTOPLASM

Hand-drawn Blackboard

rough-blackboard
Plant and animal cells A Venn diagram test for transparent overlapping shapes. {"version":"0.1","sceneId":"plant-animal-venn","targets":[{"nodeId":"venn-plant-circle","semanticRole":"shape","animation":"fade","order":1,"startPct":17.71,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Plant and animal cells","label":"Plant and animal cells"},{"nodeId":"venn-animal-circle","semanticRole":"shape","animation":"fade","order":4,"startPct":34.86,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-plant-label","semanticRole":"label","animation":"label","order":2,"startPct":36,"durationPct":8,"value":"Plant cell","label":"Plant cell"},{"nodeId":"venn-plant-items","semanticRole":"label","animation":"label","order":3,"startPct":40,"durationPct":8,"value":"Cell wall\nChloroplasts","label":"Cell wall\nChloroplasts"},{"nodeId":"venn-animal-label","semanticRole":"label","animation":"label","order":5,"startPct":44,"durationPct":8,"value":"Animal cell","label":"Animal cell"},{"nodeId":"venn-animal-items","semanticRole":"label","animation":"label","order":6,"startPct":48,"durationPct":8,"value":"Flexible shape\nSmall vacuoles","label":"Flexible shape\nSmall vacuoles"},{"nodeId":"venn-shared-items","semanticRole":"label","animation":"label","order":7,"startPct":52,"durationPct":8,"value":"Nucleus\nMembrane\nCytoplasm","label":"Nucleus\nMembrane\nCytoplasm"}]} Plant and animal cells Plant cellPLANT CELLCell wallChloroplastsAnimal cellANIMAL CELLFlexibleshapeSmallvacuolesNucleusMembraneCytoplasm

Fractions on a number line

Canonical Scrwly scene example: fraction-number-line

Monochrome Braun

clean-light
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

Paper Craft

paper-craft
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

Whiteboard

whiteboard
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

Blackboard

blackboard
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

Engineering Blueprint

blueprint
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

Hand-drawn Blackboard

rough-blackboard
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

Analog clock

A clock face showing ten minutes past ten.

Monochrome Braun

clean-light
Analog clock A clock face showing ten minutes past ten. {"version":"0.1","sceneId":"analog-clock","targets":[{"nodeId":"clock-face","semanticRole":"shape","animation":"fade","order":1,"startPct":13.9,"durationPct":8,"value":"Clock face","label":"Clock face"},{"nodeId":"clock-tick-12","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"clock-tick-1","semanticRole":"tick","animation":"tick","order":3,"startPct":17.82,"durationPct":8},{"nodeId":"clock-tick-2","semanticRole":"tick","animation":"tick","order":4,"startPct":19.64,"durationPct":8},{"nodeId":"clock-tick-3","semanticRole":"tick","animation":"tick","order":5,"startPct":21.45,"durationPct":8},{"nodeId":"clock-tick-4","semanticRole":"tick","animation":"tick","order":6,"startPct":23.27,"durationPct":8},{"nodeId":"clock-tick-5","semanticRole":"tick","animation":"tick","order":7,"startPct":25.09,"durationPct":8},{"nodeId":"clock-tick-6","semanticRole":"tick","animation":"tick","order":8,"startPct":26.91,"durationPct":8},{"nodeId":"clock-tick-7","semanticRole":"tick","animation":"tick","order":9,"startPct":28.73,"durationPct":8},{"nodeId":"clock-tick-8","semanticRole":"tick","animation":"tick","order":10,"startPct":30.55,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Analog clock","label":"Analog clock"},{"nodeId":"clock-tick-9","semanticRole":"tick","animation":"tick","order":11,"startPct":32.36,"durationPct":8},{"nodeId":"clock-tick-10","semanticRole":"tick","animation":"tick","order":12,"startPct":34.18,"durationPct":8},{"nodeId":"clock-tick-11","semanticRole":"tick","animation":"tick","order":13,"startPct":36,"durationPct":8},{"nodeId":"clock-number-12","semanticRole":"label","animation":"label","order":14,"startPct":36,"durationPct":8,"value":"12","label":"12"},{"nodeId":"clock-number-3","semanticRole":"label","animation":"label","order":15,"startPct":40,"durationPct":8,"value":"3","label":"3"},{"nodeId":"clock-number-6","semanticRole":"label","animation":"label","order":16,"startPct":44,"durationPct":8,"value":"6","label":"6"},{"nodeId":"clock-number-9","semanticRole":"label","animation":"label","order":17,"startPct":48,"durationPct":8,"value":"9","label":"9"},{"nodeId":"clock-center","semanticRole":"shape","animation":"fade","order":20,"startPct":50.1,"durationPct":8,"value":"Center pin","label":"Center pin"},{"nodeId":"clock-caption","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"10:10","label":"10:10"},{"nodeId":"clock-hour-hand","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14},{"nodeId":"clock-minute-hand","semanticRole":"connector","animation":"draw","order":19,"startPct":80.19,"durationPct":14}]} Analog clock Clock face 12 3 6 9 Center pin 10:10

Paper Craft

paper-craft
Analog clock A clock face showing ten minutes past ten. {"version":"0.1","sceneId":"analog-clock","targets":[{"nodeId":"clock-face","semanticRole":"shape","animation":"fade","order":1,"startPct":13.9,"durationPct":8,"value":"Clock face","label":"Clock face"},{"nodeId":"clock-tick-12","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"clock-tick-1","semanticRole":"tick","animation":"tick","order":3,"startPct":17.82,"durationPct":8},{"nodeId":"clock-tick-2","semanticRole":"tick","animation":"tick","order":4,"startPct":19.64,"durationPct":8},{"nodeId":"clock-tick-3","semanticRole":"tick","animation":"tick","order":5,"startPct":21.45,"durationPct":8},{"nodeId":"clock-tick-4","semanticRole":"tick","animation":"tick","order":6,"startPct":23.27,"durationPct":8},{"nodeId":"clock-tick-5","semanticRole":"tick","animation":"tick","order":7,"startPct":25.09,"durationPct":8},{"nodeId":"clock-tick-6","semanticRole":"tick","animation":"tick","order":8,"startPct":26.91,"durationPct":8},{"nodeId":"clock-tick-7","semanticRole":"tick","animation":"tick","order":9,"startPct":28.73,"durationPct":8},{"nodeId":"clock-tick-8","semanticRole":"tick","animation":"tick","order":10,"startPct":30.55,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Analog clock","label":"Analog clock"},{"nodeId":"clock-tick-9","semanticRole":"tick","animation":"tick","order":11,"startPct":32.36,"durationPct":8},{"nodeId":"clock-tick-10","semanticRole":"tick","animation":"tick","order":12,"startPct":34.18,"durationPct":8},{"nodeId":"clock-tick-11","semanticRole":"tick","animation":"tick","order":13,"startPct":36,"durationPct":8},{"nodeId":"clock-number-12","semanticRole":"label","animation":"label","order":14,"startPct":36,"durationPct":8,"value":"12","label":"12"},{"nodeId":"clock-number-3","semanticRole":"label","animation":"label","order":15,"startPct":40,"durationPct":8,"value":"3","label":"3"},{"nodeId":"clock-number-6","semanticRole":"label","animation":"label","order":16,"startPct":44,"durationPct":8,"value":"6","label":"6"},{"nodeId":"clock-number-9","semanticRole":"label","animation":"label","order":17,"startPct":48,"durationPct":8,"value":"9","label":"9"},{"nodeId":"clock-center","semanticRole":"shape","animation":"fade","order":20,"startPct":50.1,"durationPct":8,"value":"Center pin","label":"Center pin"},{"nodeId":"clock-caption","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"10:10","label":"10:10"},{"nodeId":"clock-hour-hand","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14},{"nodeId":"clock-minute-hand","semanticRole":"connector","animation":"draw","order":19,"startPct":80.19,"durationPct":14}]} Analog clock Clock face 12 3 6 9 Center pin 10:10

Whiteboard

whiteboard
Analog clock A clock face showing ten minutes past ten. {"version":"0.1","sceneId":"analog-clock","targets":[{"nodeId":"clock-face","semanticRole":"shape","animation":"fade","order":1,"startPct":13.9,"durationPct":8,"value":"Clock face","label":"Clock face"},{"nodeId":"clock-tick-12","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"clock-tick-1","semanticRole":"tick","animation":"tick","order":3,"startPct":17.82,"durationPct":8},{"nodeId":"clock-tick-2","semanticRole":"tick","animation":"tick","order":4,"startPct":19.64,"durationPct":8},{"nodeId":"clock-tick-3","semanticRole":"tick","animation":"tick","order":5,"startPct":21.45,"durationPct":8},{"nodeId":"clock-tick-4","semanticRole":"tick","animation":"tick","order":6,"startPct":23.27,"durationPct":8},{"nodeId":"clock-tick-5","semanticRole":"tick","animation":"tick","order":7,"startPct":25.09,"durationPct":8},{"nodeId":"clock-tick-6","semanticRole":"tick","animation":"tick","order":8,"startPct":26.91,"durationPct":8},{"nodeId":"clock-tick-7","semanticRole":"tick","animation":"tick","order":9,"startPct":28.73,"durationPct":8},{"nodeId":"clock-tick-8","semanticRole":"tick","animation":"tick","order":10,"startPct":30.55,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Analog clock","label":"Analog clock"},{"nodeId":"clock-tick-9","semanticRole":"tick","animation":"tick","order":11,"startPct":32.36,"durationPct":8},{"nodeId":"clock-tick-10","semanticRole":"tick","animation":"tick","order":12,"startPct":34.18,"durationPct":8},{"nodeId":"clock-tick-11","semanticRole":"tick","animation":"tick","order":13,"startPct":36,"durationPct":8},{"nodeId":"clock-number-12","semanticRole":"label","animation":"label","order":14,"startPct":36,"durationPct":8,"value":"12","label":"12"},{"nodeId":"clock-number-3","semanticRole":"label","animation":"label","order":15,"startPct":40,"durationPct":8,"value":"3","label":"3"},{"nodeId":"clock-number-6","semanticRole":"label","animation":"label","order":16,"startPct":44,"durationPct":8,"value":"6","label":"6"},{"nodeId":"clock-number-9","semanticRole":"label","animation":"label","order":17,"startPct":48,"durationPct":8,"value":"9","label":"9"},{"nodeId":"clock-center","semanticRole":"shape","animation":"fade","order":20,"startPct":50.1,"durationPct":8,"value":"Center pin","label":"Center pin"},{"nodeId":"clock-caption","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"10:10","label":"10:10"},{"nodeId":"clock-hour-hand","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14},{"nodeId":"clock-minute-hand","semanticRole":"connector","animation":"draw","order":19,"startPct":80.19,"durationPct":14}]} Analog clock Clock face 12 3 6 9 Center pin 10:10

Blackboard

blackboard
Analog clock A clock face showing ten minutes past ten. {"version":"0.1","sceneId":"analog-clock","targets":[{"nodeId":"clock-face","semanticRole":"shape","animation":"fade","order":1,"startPct":13.9,"durationPct":8,"value":"Clock face","label":"Clock face"},{"nodeId":"clock-tick-12","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"clock-tick-1","semanticRole":"tick","animation":"tick","order":3,"startPct":17.82,"durationPct":8},{"nodeId":"clock-tick-2","semanticRole":"tick","animation":"tick","order":4,"startPct":19.64,"durationPct":8},{"nodeId":"clock-tick-3","semanticRole":"tick","animation":"tick","order":5,"startPct":21.45,"durationPct":8},{"nodeId":"clock-tick-4","semanticRole":"tick","animation":"tick","order":6,"startPct":23.27,"durationPct":8},{"nodeId":"clock-tick-5","semanticRole":"tick","animation":"tick","order":7,"startPct":25.09,"durationPct":8},{"nodeId":"clock-tick-6","semanticRole":"tick","animation":"tick","order":8,"startPct":26.91,"durationPct":8},{"nodeId":"clock-tick-7","semanticRole":"tick","animation":"tick","order":9,"startPct":28.73,"durationPct":8},{"nodeId":"clock-tick-8","semanticRole":"tick","animation":"tick","order":10,"startPct":30.55,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Analog clock","label":"Analog clock"},{"nodeId":"clock-tick-9","semanticRole":"tick","animation":"tick","order":11,"startPct":32.36,"durationPct":8},{"nodeId":"clock-tick-10","semanticRole":"tick","animation":"tick","order":12,"startPct":34.18,"durationPct":8},{"nodeId":"clock-tick-11","semanticRole":"tick","animation":"tick","order":13,"startPct":36,"durationPct":8},{"nodeId":"clock-number-12","semanticRole":"label","animation":"label","order":14,"startPct":36,"durationPct":8,"value":"12","label":"12"},{"nodeId":"clock-number-3","semanticRole":"label","animation":"label","order":15,"startPct":40,"durationPct":8,"value":"3","label":"3"},{"nodeId":"clock-number-6","semanticRole":"label","animation":"label","order":16,"startPct":44,"durationPct":8,"value":"6","label":"6"},{"nodeId":"clock-number-9","semanticRole":"label","animation":"label","order":17,"startPct":48,"durationPct":8,"value":"9","label":"9"},{"nodeId":"clock-center","semanticRole":"shape","animation":"fade","order":20,"startPct":50.1,"durationPct":8,"value":"Center pin","label":"Center pin"},{"nodeId":"clock-caption","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"10:10","label":"10:10"},{"nodeId":"clock-hour-hand","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14},{"nodeId":"clock-minute-hand","semanticRole":"connector","animation":"draw","order":19,"startPct":80.19,"durationPct":14}]} Analog clock Clock face 12 3 6 9 Center pin 10:10

Engineering Blueprint

blueprint
Analog clock A clock face showing ten minutes past ten. {"version":"0.1","sceneId":"analog-clock","targets":[{"nodeId":"clock-face","semanticRole":"shape","animation":"fade","order":1,"startPct":13.9,"durationPct":8,"value":"Clock face","label":"Clock face"},{"nodeId":"clock-tick-12","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"clock-tick-1","semanticRole":"tick","animation":"tick","order":3,"startPct":17.82,"durationPct":8},{"nodeId":"clock-tick-2","semanticRole":"tick","animation":"tick","order":4,"startPct":19.64,"durationPct":8},{"nodeId":"clock-tick-3","semanticRole":"tick","animation":"tick","order":5,"startPct":21.45,"durationPct":8},{"nodeId":"clock-tick-4","semanticRole":"tick","animation":"tick","order":6,"startPct":23.27,"durationPct":8},{"nodeId":"clock-tick-5","semanticRole":"tick","animation":"tick","order":7,"startPct":25.09,"durationPct":8},{"nodeId":"clock-tick-6","semanticRole":"tick","animation":"tick","order":8,"startPct":26.91,"durationPct":8},{"nodeId":"clock-tick-7","semanticRole":"tick","animation":"tick","order":9,"startPct":28.73,"durationPct":8},{"nodeId":"clock-tick-8","semanticRole":"tick","animation":"tick","order":10,"startPct":30.55,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Analog clock","label":"Analog clock"},{"nodeId":"clock-tick-9","semanticRole":"tick","animation":"tick","order":11,"startPct":32.36,"durationPct":8},{"nodeId":"clock-tick-10","semanticRole":"tick","animation":"tick","order":12,"startPct":34.18,"durationPct":8},{"nodeId":"clock-tick-11","semanticRole":"tick","animation":"tick","order":13,"startPct":36,"durationPct":8},{"nodeId":"clock-number-12","semanticRole":"label","animation":"label","order":14,"startPct":36,"durationPct":8,"value":"12","label":"12"},{"nodeId":"clock-number-3","semanticRole":"label","animation":"label","order":15,"startPct":40,"durationPct":8,"value":"3","label":"3"},{"nodeId":"clock-number-6","semanticRole":"label","animation":"label","order":16,"startPct":44,"durationPct":8,"value":"6","label":"6"},{"nodeId":"clock-number-9","semanticRole":"label","animation":"label","order":17,"startPct":48,"durationPct":8,"value":"9","label":"9"},{"nodeId":"clock-center","semanticRole":"shape","animation":"fade","order":20,"startPct":50.1,"durationPct":8,"value":"Center pin","label":"Center pin"},{"nodeId":"clock-caption","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"10:10","label":"10:10"},{"nodeId":"clock-hour-hand","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14},{"nodeId":"clock-minute-hand","semanticRole":"connector","animation":"draw","order":19,"startPct":80.19,"durationPct":14}]} ANALOG CLOCK Clock face 12 3 6 9 Center pin 10:10

Hand-drawn Blackboard

rough-blackboard
Analog clock A clock face showing ten minutes past ten. {"version":"0.1","sceneId":"analog-clock","targets":[{"nodeId":"clock-face","semanticRole":"shape","animation":"fade","order":1,"startPct":13.9,"durationPct":8,"value":"Clock face","label":"Clock face"},{"nodeId":"clock-tick-12","semanticRole":"tick","animation":"tick","order":2,"startPct":16,"durationPct":8},{"nodeId":"clock-tick-1","semanticRole":"tick","animation":"tick","order":3,"startPct":17.82,"durationPct":8},{"nodeId":"clock-tick-2","semanticRole":"tick","animation":"tick","order":4,"startPct":19.64,"durationPct":8},{"nodeId":"clock-tick-3","semanticRole":"tick","animation":"tick","order":5,"startPct":21.45,"durationPct":8},{"nodeId":"clock-tick-4","semanticRole":"tick","animation":"tick","order":6,"startPct":23.27,"durationPct":8},{"nodeId":"clock-tick-5","semanticRole":"tick","animation":"tick","order":7,"startPct":25.09,"durationPct":8},{"nodeId":"clock-tick-6","semanticRole":"tick","animation":"tick","order":8,"startPct":26.91,"durationPct":8},{"nodeId":"clock-tick-7","semanticRole":"tick","animation":"tick","order":9,"startPct":28.73,"durationPct":8},{"nodeId":"clock-tick-8","semanticRole":"tick","animation":"tick","order":10,"startPct":30.55,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Analog clock","label":"Analog clock"},{"nodeId":"clock-tick-9","semanticRole":"tick","animation":"tick","order":11,"startPct":32.36,"durationPct":8},{"nodeId":"clock-tick-10","semanticRole":"tick","animation":"tick","order":12,"startPct":34.18,"durationPct":8},{"nodeId":"clock-tick-11","semanticRole":"tick","animation":"tick","order":13,"startPct":36,"durationPct":8},{"nodeId":"clock-number-12","semanticRole":"label","animation":"label","order":14,"startPct":36,"durationPct":8,"value":"12","label":"12"},{"nodeId":"clock-number-3","semanticRole":"label","animation":"label","order":15,"startPct":40,"durationPct":8,"value":"3","label":"3"},{"nodeId":"clock-number-6","semanticRole":"label","animation":"label","order":16,"startPct":44,"durationPct":8,"value":"6","label":"6"},{"nodeId":"clock-number-9","semanticRole":"label","animation":"label","order":17,"startPct":48,"durationPct":8,"value":"9","label":"9"},{"nodeId":"clock-center","semanticRole":"shape","animation":"fade","order":20,"startPct":50.1,"durationPct":8,"value":"Center pin","label":"Center pin"},{"nodeId":"clock-caption","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"10:10","label":"10:10"},{"nodeId":"clock-hour-hand","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14},{"nodeId":"clock-minute-hand","semanticRole":"connector","animation":"draw","order":19,"startPct":80.19,"durationPct":14}]} Analog clock Clock face 12 3 6 9 Center pin 10:10

Pie graph

A filled pie graph with legend values.

Monochrome Braun

clean-light
Pie graph A filled pie graph with legend values. {"version":"0.1","sceneId":"pie-graph","targets":[{"nodeId":"pie-center","semanticRole":"shape","animation":"fade","order":5,"startPct":27.38,"durationPct":8,"value":"Pie center","label":"Pie center"},{"nodeId":"legend-reading-swatch","semanticRole":"shape","animation":"fade","order":6,"startPct":30.46,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Class time by activity","label":"Class time by activity"},{"nodeId":"legend-practice-swatch","semanticRole":"shape","animation":"fade","order":8,"startPct":36.62,"durationPct":8},{"nodeId":"legend-reading","semanticRole":"label","animation":"label","order":7,"startPct":37,"durationPct":8,"value":"Reading 40%","label":"Reading 40%"},{"nodeId":"legend-practice","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"Practice 30%","label":"Practice 30%"},{"nodeId":"legend-discussion-swatch","semanticRole":"shape","animation":"fade","order":10,"startPct":42.77,"durationPct":8},{"nodeId":"legend-discussion","semanticRole":"label","animation":"label","order":11,"startPct":47,"durationPct":8,"value":"Discussion 20%","label":"Discussion 20%"},{"nodeId":"pie-reading","semanticRole":"connector","animation":"draw","order":1,"startPct":47.08,"durationPct":14,"value":"Reading 40 percent","label":"Reading 40 percent"},{"nodeId":"legend-review-swatch","semanticRole":"shape","animation":"fade","order":12,"startPct":48.92,"durationPct":8},{"nodeId":"pie-practice","semanticRole":"connector","animation":"draw","order":2,"startPct":50.15,"durationPct":14,"value":"Practice 30 percent","label":"Practice 30 percent"},{"nodeId":"legend-review","semanticRole":"label","animation":"label","order":13,"startPct":52,"durationPct":8,"value":"Review 10%","label":"Review 10%"},{"nodeId":"pie-discussion","semanticRole":"connector","animation":"draw","order":3,"startPct":53.23,"durationPct":14,"value":"Discussion 20 percent","label":"Discussion 20 percent"},{"nodeId":"pie-review","semanticRole":"connector","animation":"draw","order":4,"startPct":56.31,"durationPct":14,"value":"Review 10 percent","label":"Review 10 percent"}]} Class time by activity Reading 40 percent Practice 30 percent Discussion 20 percent Review 10 percent Pie center Reading 40% Practice 30% Discussion 20% Review 10%

Paper Craft

paper-craft
Pie graph A filled pie graph with legend values. {"version":"0.1","sceneId":"pie-graph","targets":[{"nodeId":"pie-center","semanticRole":"shape","animation":"fade","order":5,"startPct":27.38,"durationPct":8,"value":"Pie center","label":"Pie center"},{"nodeId":"legend-reading-swatch","semanticRole":"shape","animation":"fade","order":6,"startPct":30.46,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Class time by activity","label":"Class time by activity"},{"nodeId":"legend-practice-swatch","semanticRole":"shape","animation":"fade","order":8,"startPct":36.62,"durationPct":8},{"nodeId":"legend-reading","semanticRole":"label","animation":"label","order":7,"startPct":37,"durationPct":8,"value":"Reading 40%","label":"Reading 40%"},{"nodeId":"legend-practice","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"Practice 30%","label":"Practice 30%"},{"nodeId":"legend-discussion-swatch","semanticRole":"shape","animation":"fade","order":10,"startPct":42.77,"durationPct":8},{"nodeId":"legend-discussion","semanticRole":"label","animation":"label","order":11,"startPct":47,"durationPct":8,"value":"Discussion 20%","label":"Discussion 20%"},{"nodeId":"pie-reading","semanticRole":"connector","animation":"draw","order":1,"startPct":47.08,"durationPct":14,"value":"Reading 40 percent","label":"Reading 40 percent"},{"nodeId":"legend-review-swatch","semanticRole":"shape","animation":"fade","order":12,"startPct":48.92,"durationPct":8},{"nodeId":"pie-practice","semanticRole":"connector","animation":"draw","order":2,"startPct":50.15,"durationPct":14,"value":"Practice 30 percent","label":"Practice 30 percent"},{"nodeId":"legend-review","semanticRole":"label","animation":"label","order":13,"startPct":52,"durationPct":8,"value":"Review 10%","label":"Review 10%"},{"nodeId":"pie-discussion","semanticRole":"connector","animation":"draw","order":3,"startPct":53.23,"durationPct":14,"value":"Discussion 20 percent","label":"Discussion 20 percent"},{"nodeId":"pie-review","semanticRole":"connector","animation":"draw","order":4,"startPct":56.31,"durationPct":14,"value":"Review 10 percent","label":"Review 10 percent"}]} Class time by activity Reading 40 percent Practice 30 percent Discussion 20 percent Review 10 percent Pie center Reading 40% Practice 30% Discussion 20% Review 10%

Whiteboard

whiteboard
Pie graph A filled pie graph with legend values. {"version":"0.1","sceneId":"pie-graph","targets":[{"nodeId":"pie-center","semanticRole":"shape","animation":"fade","order":5,"startPct":27.38,"durationPct":8,"value":"Pie center","label":"Pie center"},{"nodeId":"legend-reading-swatch","semanticRole":"shape","animation":"fade","order":6,"startPct":30.46,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Class time by activity","label":"Class time by activity"},{"nodeId":"legend-practice-swatch","semanticRole":"shape","animation":"fade","order":8,"startPct":36.62,"durationPct":8},{"nodeId":"legend-reading","semanticRole":"label","animation":"label","order":7,"startPct":37,"durationPct":8,"value":"Reading 40%","label":"Reading 40%"},{"nodeId":"legend-practice","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"Practice 30%","label":"Practice 30%"},{"nodeId":"legend-discussion-swatch","semanticRole":"shape","animation":"fade","order":10,"startPct":42.77,"durationPct":8},{"nodeId":"legend-discussion","semanticRole":"label","animation":"label","order":11,"startPct":47,"durationPct":8,"value":"Discussion 20%","label":"Discussion 20%"},{"nodeId":"pie-reading","semanticRole":"connector","animation":"draw","order":1,"startPct":47.08,"durationPct":14,"value":"Reading 40 percent","label":"Reading 40 percent"},{"nodeId":"legend-review-swatch","semanticRole":"shape","animation":"fade","order":12,"startPct":48.92,"durationPct":8},{"nodeId":"pie-practice","semanticRole":"connector","animation":"draw","order":2,"startPct":50.15,"durationPct":14,"value":"Practice 30 percent","label":"Practice 30 percent"},{"nodeId":"legend-review","semanticRole":"label","animation":"label","order":13,"startPct":52,"durationPct":8,"value":"Review 10%","label":"Review 10%"},{"nodeId":"pie-discussion","semanticRole":"connector","animation":"draw","order":3,"startPct":53.23,"durationPct":14,"value":"Discussion 20 percent","label":"Discussion 20 percent"},{"nodeId":"pie-review","semanticRole":"connector","animation":"draw","order":4,"startPct":56.31,"durationPct":14,"value":"Review 10 percent","label":"Review 10 percent"}]} Class time by activity Reading 40 percent Practice 30 percent Discussion 20 percent Review 10 percent Pie center Reading 40% Practice 30% Discussion 20% Review 10%

Blackboard

blackboard
Pie graph A filled pie graph with legend values. {"version":"0.1","sceneId":"pie-graph","targets":[{"nodeId":"pie-center","semanticRole":"shape","animation":"fade","order":5,"startPct":27.38,"durationPct":8,"value":"Pie center","label":"Pie center"},{"nodeId":"legend-reading-swatch","semanticRole":"shape","animation":"fade","order":6,"startPct":30.46,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Class time by activity","label":"Class time by activity"},{"nodeId":"legend-practice-swatch","semanticRole":"shape","animation":"fade","order":8,"startPct":36.62,"durationPct":8},{"nodeId":"legend-reading","semanticRole":"label","animation":"label","order":7,"startPct":37,"durationPct":8,"value":"Reading 40%","label":"Reading 40%"},{"nodeId":"legend-practice","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"Practice 30%","label":"Practice 30%"},{"nodeId":"legend-discussion-swatch","semanticRole":"shape","animation":"fade","order":10,"startPct":42.77,"durationPct":8},{"nodeId":"legend-discussion","semanticRole":"label","animation":"label","order":11,"startPct":47,"durationPct":8,"value":"Discussion 20%","label":"Discussion 20%"},{"nodeId":"pie-reading","semanticRole":"connector","animation":"draw","order":1,"startPct":47.08,"durationPct":14,"value":"Reading 40 percent","label":"Reading 40 percent"},{"nodeId":"legend-review-swatch","semanticRole":"shape","animation":"fade","order":12,"startPct":48.92,"durationPct":8},{"nodeId":"pie-practice","semanticRole":"connector","animation":"draw","order":2,"startPct":50.15,"durationPct":14,"value":"Practice 30 percent","label":"Practice 30 percent"},{"nodeId":"legend-review","semanticRole":"label","animation":"label","order":13,"startPct":52,"durationPct":8,"value":"Review 10%","label":"Review 10%"},{"nodeId":"pie-discussion","semanticRole":"connector","animation":"draw","order":3,"startPct":53.23,"durationPct":14,"value":"Discussion 20 percent","label":"Discussion 20 percent"},{"nodeId":"pie-review","semanticRole":"connector","animation":"draw","order":4,"startPct":56.31,"durationPct":14,"value":"Review 10 percent","label":"Review 10 percent"}]} Class time by activity Reading 40 percent Practice 30 percent Discussion 20 percent Review 10 percent Pie center Reading 40% Practice 30% Discussion 20% Review 10%

Engineering Blueprint

blueprint
Pie graph A filled pie graph with legend values. {"version":"0.1","sceneId":"pie-graph","targets":[{"nodeId":"pie-center","semanticRole":"shape","animation":"fade","order":5,"startPct":27.38,"durationPct":8,"value":"Pie center","label":"Pie center"},{"nodeId":"legend-reading-swatch","semanticRole":"shape","animation":"fade","order":6,"startPct":30.46,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Class time by activity","label":"Class time by activity"},{"nodeId":"legend-practice-swatch","semanticRole":"shape","animation":"fade","order":8,"startPct":36.62,"durationPct":8},{"nodeId":"legend-reading","semanticRole":"label","animation":"label","order":7,"startPct":37,"durationPct":8,"value":"Reading 40%","label":"Reading 40%"},{"nodeId":"legend-practice","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"Practice 30%","label":"Practice 30%"},{"nodeId":"legend-discussion-swatch","semanticRole":"shape","animation":"fade","order":10,"startPct":42.77,"durationPct":8},{"nodeId":"legend-discussion","semanticRole":"label","animation":"label","order":11,"startPct":47,"durationPct":8,"value":"Discussion 20%","label":"Discussion 20%"},{"nodeId":"pie-reading","semanticRole":"connector","animation":"draw","order":1,"startPct":47.08,"durationPct":14,"value":"Reading 40 percent","label":"Reading 40 percent"},{"nodeId":"legend-review-swatch","semanticRole":"shape","animation":"fade","order":12,"startPct":48.92,"durationPct":8},{"nodeId":"pie-practice","semanticRole":"connector","animation":"draw","order":2,"startPct":50.15,"durationPct":14,"value":"Practice 30 percent","label":"Practice 30 percent"},{"nodeId":"legend-review","semanticRole":"label","animation":"label","order":13,"startPct":52,"durationPct":8,"value":"Review 10%","label":"Review 10%"},{"nodeId":"pie-discussion","semanticRole":"connector","animation":"draw","order":3,"startPct":53.23,"durationPct":14,"value":"Discussion 20 percent","label":"Discussion 20 percent"},{"nodeId":"pie-review","semanticRole":"connector","animation":"draw","order":4,"startPct":56.31,"durationPct":14,"value":"Review 10 percent","label":"Review 10 percent"}]} CLASS TIME BY ACTIVITY Reading 40 percent Practice 30 percent Discussion 20 percent Review 10 percent Pie center READING 40% PRACTICE 30% DISCUSSION 20% REVIEW 10%

Hand-drawn Blackboard

rough-blackboard
Pie graph A filled pie graph with legend values. {"version":"0.1","sceneId":"pie-graph","targets":[{"nodeId":"pie-center","semanticRole":"shape","animation":"fade","order":5,"startPct":27.38,"durationPct":8,"value":"Pie center","label":"Pie center"},{"nodeId":"legend-reading-swatch","semanticRole":"shape","animation":"fade","order":6,"startPct":30.46,"durationPct":8},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Class time by activity","label":"Class time by activity"},{"nodeId":"legend-practice-swatch","semanticRole":"shape","animation":"fade","order":8,"startPct":36.62,"durationPct":8},{"nodeId":"legend-reading","semanticRole":"label","animation":"label","order":7,"startPct":37,"durationPct":8,"value":"Reading 40%","label":"Reading 40%"},{"nodeId":"legend-practice","semanticRole":"label","animation":"label","order":9,"startPct":42,"durationPct":8,"value":"Practice 30%","label":"Practice 30%"},{"nodeId":"legend-discussion-swatch","semanticRole":"shape","animation":"fade","order":10,"startPct":42.77,"durationPct":8},{"nodeId":"legend-discussion","semanticRole":"label","animation":"label","order":11,"startPct":47,"durationPct":8,"value":"Discussion 20%","label":"Discussion 20%"},{"nodeId":"pie-reading","semanticRole":"connector","animation":"draw","order":1,"startPct":47.08,"durationPct":14,"value":"Reading 40 percent","label":"Reading 40 percent"},{"nodeId":"legend-review-swatch","semanticRole":"shape","animation":"fade","order":12,"startPct":48.92,"durationPct":8},{"nodeId":"pie-practice","semanticRole":"connector","animation":"draw","order":2,"startPct":50.15,"durationPct":14,"value":"Practice 30 percent","label":"Practice 30 percent"},{"nodeId":"legend-review","semanticRole":"label","animation":"label","order":13,"startPct":52,"durationPct":8,"value":"Review 10%","label":"Review 10%"},{"nodeId":"pie-discussion","semanticRole":"connector","animation":"draw","order":3,"startPct":53.23,"durationPct":14,"value":"Discussion 20 percent","label":"Discussion 20 percent"},{"nodeId":"pie-review","semanticRole":"connector","animation":"draw","order":4,"startPct":56.31,"durationPct":14,"value":"Review 10 percent","label":"Review 10 percent"}]} Class time by activity Reading 40 percent Practice 30 percent Discussion 20 percent Review 10 percent Pie center Reading 40% Practice 30% Discussion 20% Review 10%