 |
요약 | 수식으로부터 Plotly 차트를 포스트에 임베드 |
 |
저장소 | GitHub - NateDhaliwal/discourse-graph-embed · GitHub |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
Discourse 테마 초보자? | Discourse 테마 사용 입문가이드 |
이 테마 컴포넌트 설치
이 컴포넌트는 사용자가 Plotly.js를 사용하여 토픽과 답변에 차트를 추가할 수 있게 해줍니다.
사용하려면 포맷팅 툴바의 
(
) 아이콘을 클릭하세요. 그런 다음 [wrap][/wrap] 내부의 수식을 편집하기만 하면 됩니다. (우연히도 wrap 안의 백틱은 아무 영향도 미치지 않는다는 것을 발견했습니다)
예를 들어:
또한, 그래프에 마우스를 올리면 점의 좌표를 확인할 수 있습니다:
처음에는 Desmos 임베드를 사용해보려 했지만 잘 작동하지 않았습니다. Plotly(관련 없음)는 MathJS(이것도 오픈소스입니다)와 함께 계산 실행을 통해 이 작업을 수행할 수 있는 훌륭한 라이브러리(그리고 오픈소스이기도 합니다!)입니다.
Plotly를 사용하면 sin, 코사인, 탄젠트와 같은 것들, 그리고 10을 밑으로 하는 로그 등을 사용할 수도 있습니다.
Plotly를 사용하면 임베드 우측 상단의 
아이콘을 클릭하여 그래프를 PNG로 다운로드할 수도 있습니다.
참고: 삼각 함수(예:
sin,cos,tan)의 그래프는 '곡선’이 아니며 끝이 약간 뾰족해집니다.
선택적으로 show_graph_in_modal 설정(기본값: 꺼짐)을 활성화하여 그래프가 포스트 아래에 표시되는 대신 모달 팝업으로 표시되도록 할 수 있으며, 이렇게 하면 공간을 덜 차지합니다.
모달에서 그래프 불러오기[1] 버튼을 클릭하여 그래프를 로드하고 표시합니다.
포스트:
모달:
이것이 유용하길 바랍니다!
버튼 라벨과 제목은 테마 번역으로 편집 가능합니다 ↩︎
