Testing animated D2 SVG in GitHub Markdown

test-github-svg.md

Testing Animated SVG in GitHub Markdown

This is a test to see if animated D2 SVG files work in GitHub's Markdown renderer.

Method 1: Object Tag

Your browser doesn't support embedded SVG. View the diagram directly.

Method 2: Image Tag

Method 3: Raw HTML img tag

Method 4: Direct Link

View animated SVG directly

---

Expected: The animation should cycle through 3 steps showing alice and bob exchanging messages.

Testing: Which methods work on GitHub?

test-simple.d2

shape: sequence_diagram

alice
bob

steps: {
  1: {
    alice -> bob: Hello
  }
  2: {
    alice -> bob: Hello
    bob -> alice: Hi back
  }
  3: {
    alice -> bob: Hello
    bob -> alice: Hi back
    alice -> bob: How are you?
  }
}

test-simple.svg