Skip to main content

Erstellen von Diagrammen

Diagramme erstellen, um Informationen in Form von Diagrammen und Graphen zu vermitteln

Informationen zum Erstellen von Diagrammen

Du kannst Diagramme in Markdown mit drei verschiedenen Syntaxen erstellen: Mermaid, geoJSON und topoJSON sowie ASCII STL. Diagrammrendering ist in GitHub Issues, GitHub Discussions, Pull Requests, Wikis und Markdowndateien verfügbar.

Erstellen von Mermaid-Diagrammen

Mermaid ist ein von Markdown inspiriertes Tool, das Text in Diagrammen rendert. Mermaid kann beispielsweise Flussdiagramme, Sequenzdiagramme, Kreisdiagramme und vieles mehr rendern. Weitere Informationen findest du in der Mermaid-Dokumentation.

Füge zum Erstellen eines Mermaid-Diagramms Mermaid-Syntax innerhalb eines Fenced-Code-Blocks mit dem Sprachbezeichner mermaid hinzu. Weitere Informationen zum Erstellen von Codeblöcken findest du unter Codeblöcke erstellen und markieren.

Du kannst beispielsweise ein Flussdiagramm erstellen:

Here is a simple flow chart:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

Gerendertes Mermaid-Flussdiagramm

Hinweis: Möglicherweise treten Fehler auf, wenn du bei Verwendung von Mermaid-Syntax für GitHub ein Mermaid-Plug-In eines Drittanbieters verwendest.

geoJSON- und topoJSON-Karten erstellen

Du kannst GeoJSON/TopoJSON-Syntax verwenden, um interaktive Karten zu erstellen. Füge zum Erstellen einer Karte GeoJSON oder TopoJSON innerhalb eines Fenced-Code-Blocks mit dem Syntaxbezeichner geojson oder topojson hinzu. Weitere Informationen findest du unter Codeblöcke erstellen und markieren.

GeoJSON verwenden

Du kannst beispielsweise eine einfache Karte erstellen:

```geojson
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "id": 1,
      "properties": {
        "ID": 0
      },
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
              [-90,35],
              [-90,30],
              [-85,30],
              [-85,35],
              [-90,35]
          ]
        ]
      }
    }
  ]
}
```

Gerenderte Karte

TopoJSON verwenden

Du kannst beispielsweise eine einfache TopoJSON-Karte erstellen:

```topojson
{
  "type": "Topology",
  "transform": {
    "scale": [0.0005000500050005, 0.00010001000100010001],
    "translate": [100, 0]
  },
  "objects": {
    "example": {
      "type": "GeometryCollection",
      "geometries": [
        {
          "type": "Point",
          "properties": {"prop0": "value0"},
          "coordinates": [4000, 5000]
        },
        {
          "type": "LineString",
          "properties": {"prop0": "value0", "prop1": 0},
          "arcs": [0]
        },
        {
          "type": "Polygon",
          "properties": {"prop0": "value0",
            "prop1": {"this": "that"}
          },
          "arcs": [[1]]
        }
      ]
    }
  },
  "arcs": [[[4000, 0], [1999, 9999], [2000, -9999], [2000, 9999]],[[0, 0], [0, 9999], [2000, 0], [0, -9999], [-2000, 0]]]
}
```

Gerenderte topoJSON-Karte

Weitere Informationen zum Arbeiten mit Dateien vom Typ .geojson und .topojson findest du unter Arbeiten mit anderen Dateien als Codedateien.

Erstellen von STL-3D-Modellen

Du kannst ASCII STL-Syntax direkt in Markdown verwenden, um interaktive 3D-Modelle zu erstellen. Füge zum Anzeigen eines Modells ASCII STL-Syntax innerhalb eines Fenced-Code-Blocks mit dem Syntaxbezeichner stl hinzu. Weitere Informationen findest du unter Codeblöcke erstellen und markieren.

Du kannst beispielsweise ein einfaches 3D-Modell erstellen:

```stl
solid cube_corner
  facet normal 0.0 -1.0 0.0
    outer loop
      vertex 0.0 0.0 0.0
      vertex 1.0 0.0 0.0
      vertex 0.0 0.0 1.0
    endloop
  endfacet
  facet normal 0.0 0.0 -1.0
    outer loop
      vertex 0.0 0.0 0.0
      vertex 0.0 1.0 0.0
      vertex 1.0 0.0 0.0
    endloop
  endfacet
  facet normal -1.0 0.0 0.0
    outer loop
      vertex 0.0 0.0 0.0
      vertex 0.0 0.0 1.0
      vertex 0.0 1.0 0.0
    endloop
  endfacet
  facet normal 0.577 0.577 0.577
    outer loop
      vertex 1.0 0.0 0.0
      vertex 0.0 1.0 0.0
      vertex 0.0 0.0 1.0
    endloop
  endfacet
endsolid
```

Gerendertes 3D-Modell

Weitere Informationen zum Arbeiten mit Dateien vom Typ .stl findest du unter Arbeiten mit anderen Dateien als Codedateien.