โ† All examples

Moon landing timeline

Key events from the Apollo 11 moon landing.

Moon landing timeline Key events from the Apollo 11 moon landing. {"version":"0.1","sceneId":"moon-landing-timeline","targets":[{"nodeId":"timeline-axis","semanticRole":"axis","animation":"draw","order":1,"startPct":3.9,"durationPct":12},{"nodeId":"timeline-event-0","semanticRole":"shape","animation":"fade","order":2,"startPct":15.81,"durationPct":8,"value":"Jul 16, 1969: Launch","label":"Jul 16, 1969: Launch"},{"nodeId":"timeline-event-1","semanticRole":"shape","animation":"fade","order":7,"startPct":25.33,"durationPct":8,"value":"Jul 20, 1969: Landing","label":"Jul 20, 1969: Landing"},{"nodeId":"title","semanticRole":"label","animation":"label","order":0,"startPct":32,"durationPct":8,"value":"Apollo 11 moon landing timeline","label":"Apollo 11 moon landing timeline"},{"nodeId":"timeline-date-0","semanticRole":"label","animation":"label","order":4,"startPct":33.67,"durationPct":8,"value":"Jul 16, 1969","label":"Jul 16, 1969"},{"nodeId":"timeline-event-2","semanticRole":"shape","animation":"fade","order":12,"startPct":34.86,"durationPct":8,"value":"Jul 21, 1969: First step","label":"Jul 21, 1969: First step"},{"nodeId":"timeline-label-0","semanticRole":"label","animation":"label","order":5,"startPct":35.33,"durationPct":8,"value":"Launch","label":"Launch"},{"nodeId":"timeline-description-0","semanticRole":"label","animation":"label","order":6,"startPct":37,"durationPct":8,"value":"Saturn V leaves Earth","label":"Saturn V leaves Earth"},{"nodeId":"timeline-date-1","semanticRole":"label","animation":"label","order":9,"startPct":38.67,"durationPct":8,"value":"Jul 20, 1969","label":"Jul 20, 1969"},{"nodeId":"timeline-label-1","semanticRole":"label","animation":"label","order":10,"startPct":40.33,"durationPct":8,"value":"Landing","label":"Landing"},{"nodeId":"timeline-description-1","semanticRole":"label","animation":"label","order":11,"startPct":42,"durationPct":8,"value":"Eagle reaches the Moon","label":"Eagle reaches the Moon"},{"nodeId":"timeline-date-2","semanticRole":"label","animation":"label","order":14,"startPct":43.67,"durationPct":8,"value":"Jul 21, 1969","label":"Jul 21, 1969"},{"nodeId":"timeline-event-3","semanticRole":"shape","animation":"fade","order":17,"startPct":44.38,"durationPct":8,"value":"Jul 24, 1969: Splashdown","label":"Jul 24, 1969: Splashdown"},{"nodeId":"timeline-label-2","semanticRole":"label","animation":"label","order":15,"startPct":45.33,"durationPct":8,"value":"First step","label":"First step"},{"nodeId":"timeline-description-2","semanticRole":"label","animation":"label","order":16,"startPct":47,"durationPct":8,"value":"Armstrong walks","label":"Armstrong walks"},{"nodeId":"timeline-date-3","semanticRole":"label","animation":"label","order":19,"startPct":48.67,"durationPct":8,"value":"Jul 24, 1969","label":"Jul 24, 1969"},{"nodeId":"timeline-stem-0","semanticRole":"connector","animation":"draw","order":3,"startPct":49.71,"durationPct":14},{"nodeId":"timeline-label-3","semanticRole":"label","animation":"label","order":20,"startPct":50.33,"durationPct":8,"value":"Splashdown","label":"Splashdown"},{"nodeId":"timeline-description-3","semanticRole":"label","animation":"label","order":21,"startPct":52,"durationPct":8,"value":"Crew returns safely","label":"Crew returns safely"},{"nodeId":"timeline-stem-1","semanticRole":"connector","animation":"draw","order":8,"startPct":59.24,"durationPct":14},{"nodeId":"timeline-stem-2","semanticRole":"connector","animation":"draw","order":13,"startPct":68.76,"durationPct":14},{"nodeId":"timeline-stem-3","semanticRole":"connector","animation":"draw","order":18,"startPct":78.29,"durationPct":14}]} Apollo 11 moon landing timeline Timeline axisJul 16, 1969: LaunchJul 16, 1969LaunchSaturn V leaves EarthJul 20, 1969: LandingJul 20, 1969LandingEagle reaches the MoonJul 21, 1969: First stepJul 21, 1969First stepArmstrong walksJul 24, 1969: SplashdownJul 24, 1969SplashdownCrew returns safely
{
  "version": "0.1",
  "id": "moon-landing-timeline",
  "title": "Moon landing timeline",
  "description": "Key events from the Apollo 11 moon landing.",
  "canvas": {
    "width": 960,
    "height": 460,
    "background": "background",
    "padding": 40
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 480,
      "y": 62,
      "type": "text",
      "text": "Apollo 11 moon landing timeline",
      "fontSize": 28,
      "align": "center"
    },
    {
      "id": "timeline",
      "x": 55,
      "y": 126,
      "width": 850,
      "height": 250,
      "accessibility": {
        "label": "Apollo 11 timeline",
        "role": "img"
      },
      "type": "component",
      "component": "Timeline",
      "props": {
        "events": [
          {
            "date": "Jul 16, 1969",
            "label": "Launch",
            "description": "Saturn V leaves Earth"
          },
          {
            "date": "Jul 20, 1969",
            "label": "Landing",
            "description": "Eagle reaches the Moon"
          },
          {
            "date": "Jul 21, 1969",
            "label": "First step",
            "description": "Armstrong walks"
          },
          {
            "date": "Jul 24, 1969",
            "label": "Splashdown",
            "description": "Crew returns safely"
          }
        ]
      }
    }
  ]
}