Skip to main content
설명서에 자주 업데이트를 게시하며 이 페이지의 번역이 계속 진행 중일 수 있습니다. 최신 정보는 영어 설명서를 참조하세요.

다이어그램 만들기

차트 및 그래프를 통해 정보를 전달하는 다이어그램 만들기

다이어그램 만들기 정보

Mermaid, geoJSON과 topoJSON, ASCII STL의 세 가지 구문을 사용하여 Markdown으로 다이어그램을 만들 수 있습니다. 다이어그램 렌더링은 GitHub Issues, GitHub Discussions, 끌어오기 요청, wiki 및 Markdown 파일에서 사용할 수 있습니다.

Mermaid 다이어그램 만들기

Mermaid는 Markdown에서 영감을 받은 도구로, 텍스트를 다이어그램으로 렌더링합니다. 예를 들어 Mermaid는 순서도, 시퀀스 다이어그램, 원형 차트 등을 렌더링할 수 있습니다. 자세한 내용은 Mermaid 설명서를 참조하세요.

Mermaid 다이어그램을 만들려면 mermaid 언어 식별자를 사용하여 펜싱된 코드 블록 내에 Mermaid 구문을 추가합니다. 코드 블록을 만드는 방법에 대한 자세한 내용은 "코드 블록 만들기 및 강조 표시.

예를 들어 값과 화살표를 지정하여 순서도를 만들 수 있습니다.

Here is a simple flow chart:

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

A, B, C 및 D라는 레이블이 지정된 네 개의 라벤더 상자가 있는 렌더링된 Mermaid 흐름 차트의 스크린샷. 화살표는 A에서 B로, B에서 D로, A에서 C로, C에서 D로 확장됩니다.

참고: GitHub에서 Mermaid 구문을 사용할 때 타사 Mermaid 플러그 인을 실행하면 오류가 발생할 수 있습니다.

GeoJSON 및 TopoJSON 맵 만들기

GeoJSON/TopoJSON 구문을 사용하여 대화형 맵을 만들 수 있습니다. 맵을 만들려면 geojson 또는 topojson 구문 식별자를 사용하여 펜싱된 코드 블록 내에 GeoJSON 또는 TopoJSON을 추가합니다. 자세한 내용은 "코드 블록 만들기 및 강조 표시"을 참조하세요.

GeoJSON 사용

예를 들어 좌표를 지정하여 맵을 만들 수 있습니다.

```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]
          ]
        ]
      }
    }
  ]
}
```

알라바마와 미시시피 일부 지역에 보라색 사각형 오버레이가 있는 남동부 미국 렌더링된 GeoJSON 맵의 스크린샷.

TopoJSON 사용

예를 들어 좌표와 도형을 지정하여 TopoJSON 맵을 만들 수 있습니다.

```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]]]
}
```

파란색 점, 보라색 사각형 오버레이 및 파란색 지그재그 선이 있는 인도네시아 서부와 싱가포르 및 말레이시아 일부의 렌더링된 TopoJSON 맵 스크린샷

.topojson 파일 작업에 .geojson 대한 자세한 내용은 "비 코드 파일 사용"을 참조하세요.

STL 3D 모델 만들기

Markdown에서 직접 ASCII STL 구문을 사용하여 대화형 3D 모델을 만들 수 있습니다. 모델을 표시하려면 stl 구문 식별자를 사용하여 펜싱된 코드 블록 내에 ASCII STL 구문을 추가합니다. 자세한 내용은 "코드 블록 만들기 및 강조 표시"을 참조하세요.

예를 들어 간단한 3D 모델을 만들 수 있습니다.

```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
```

흰색 접지의 검은색 선 그리드 위에 파란색 피라미드를 보여주는 렌더링된 매니풀이 가능한 3D 모델의 스크린샷. "와이어프레임", "표면 각도" 또는 "단색"을 선택하는 옵션이 아래쪽에 나타납니다.

파일 작업에 .stl 대한 자세한 내용은 "비 코드 파일 사용"을 참조하세요.