---
title: Clickable Diagrams
link: https://ampcode.com/news/clickable-diagrams
source: ampcode-com
published: 2025-12-16T00:00:00Z
updated: 2025-12-16T00:00:00Z
first_seen: 2026-10-03T23:09:50.514863041Z
summary: Mermaid diagrams generated by Amp in the editor extensions now include code references. Click on a node or edge to jump to the relevant file or code snippet.
content: extracted
html: 2025-12-16-clickable-diagrams.html
preview:
  file: 2025-12-16-clickable-diagrams.preview-fff9675fdff6.webp
  width: 256
  height: 134
  color: '#5d564b'
images:
- source: https://ampcode.com/og?_template=news&_version=7&title=Clickable+Diagrams&date=December+16%2C+2025&tagline=Mermaid+diagrams+now+link+directly+to+your+code&sig=be803a4073201c5388223756f40773703b0cb6c1c3f7954ce04a1611a30cb68c
  original:
    file: 2025-12-16-clickable-diagrams.image-9300b4b9913f.png
    width: 1200
    height: 630
  variants:
  - file: 2025-12-16-clickable-diagrams.image-4959d91475da.webp
    width: 320
    height: 168
  - file: 2025-12-16-clickable-diagrams.image-87f52727b28a.webp
    width: 640
    height: 336
  - file: 2025-12-16-clickable-diagrams.image-5fca37396cd9.webp
    width: 960
    height: 504
  - file: 2025-12-16-clickable-diagrams.image-3e5f1bcd03e2.webp
    width: 1200
    height: 630
  color: '#221b16'
---

Mermaid diagrams generated by Amp in the editor extensions now include code references. Click on a node or edge to jump to the relevant file or code snippet.