브라우저 확장 기능으로 딥서치 공식 채팅 인터페이스가 인라인 렌더링 차트를 지원할 수 있게 되었습니다.

1.6K 00

일반 소개

DeepSeek 다이어그램 확장 프로그램은 사용자가 딥시크 웹사이트에서 인라인으로 다이어그램을 렌더링할 수 있도록 설계된 Chrome 확장 프로그램입니다. Mermaid.js 라이브러리를 기반으로 하는 이 확장 프로그램은 텍스트 설명 다이어그램을 시각적 다이어그램으로 직접 변환하여 DeepSeek의 사용자 경험을 향상시킵니다. 이 확장 기능을 통해 사용자는 순서도, 시퀀스 다이어그램, 간트 차트 및 기타 차트 유형을 쉽게 만들고 볼 수 있어 데이터 시각화 및 분석이 크게 용이해집니다.

기능 목록

그래픽 렌더링플로우차트, 시퀀스 차트, 간트 차트 등 다양한 유형의 차트에 대한 인라인 렌더링을 DeepSeek 사이트에서 지원합니다.
Mermaid.js 통합Mermaid.js 라이브러리 기반 , Mermaid 구문을 사용하여 차트 생성 지원.
빠른 설치간단한 설치 프로세스로 사용자가 빠르게 시작하고 실행할 수 있습니다.
실시간 미리보기: 딥서치 웹사이트에서 실시간으로 차트 결과를 미리 볼 수 있습니다.
높은 호환성최신 버전의 Chrome과 호환되어 안정적인 작동을 보장합니다.

도움말 사용

설치 프로세스

1. https://github.com/yan5xu/deepseek-diagrams-extension/releases 으로 이동합니다.

2. 최신 zip 패키지 다운로드

3. Chrome 확장 프로그램 관리 페이지를 열고 주소창에 chrome://extensions/를 입력합니다.)

4. 오른쪽 상단 모서리에 있는 '개발자 모드'를 켭니다.

5. "추출된 확장 프로그램 로드"를 클릭하고 프로젝트의 . /dist 폴더를 선택합니다. (다운로드한 압축 파일을 폴더에 끌어다 놓으면 작동합니다.)

사용법

설치가 완료되면 DeepSeek 웹사이트를 방문하세요.
차트를 렌더링해야 하는 경우 Mermaid 구문을 사용하여 차트 설명을 작성합니다. 예시:

   sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Bob-->>Alice: I am good thanks!

차트 설명이 완료되면 '차트 렌더링' 버튼을 클릭하면 차트가 자동으로 생성되어 페이지에 삽입됩니다.
사용자는 만족할 때까지 머메이드 구문을 조정하여 차트 결과를 실시간으로 미리 볼 수 있습니다.

주요 기능

순서도 만들기: 딥시크 웹사이트의 텍스트 상자에 순서도에 대한 머메이드 구문 설명을 입력하고 '렌더링 다이어그램' 버튼을 클릭하여 순서도를 생성합니다.
시퀀스 다이어그램 만들기: 또한 텍스트 상자에 시퀀스 다이어그램의 머메이드 구문 설명을 입력하고 "렌더링 다이어그램" 버튼을 클릭하여 시퀀스 다이어그램을 생성합니다.
간트 차트 만들기: 간트 차트에 대한 머메이드 구문 설명을 입력하고 "차트 렌더링" 버튼을 클릭하여 간트 차트를 생성합니다.

자세한 작동 예

순서도 예시::

   graph TD
A[Start] --> B{Is it?}
B -->|Yes| C[OK]
B -->|No| D[Not OK]

위의 코드를 입력한 후 '렌더 다이어그램' 버튼을 클릭하여 순서도를 생성합니다.

시퀀스 다이어그램 예시::

   sequenceDiagram
participant Alice
participant Bob
Alice->>Bob: Hello Bob, how are you?
Bob-->>Alice: I am good thanks!

위의 코드를 입력한 후 '렌더 차트' 버튼을 클릭하여 시퀀스 차트를 생성합니다.

간트 차트 예시::

   gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
section A section
Completed task            :done,    des1, 2014-01-06,2014-01-08
Active task               :active,  des2, 2014-01-09, 3d
Future task               :         des3, after des2, 5d

위의 코드를 입력한 후 '차트 렌더링' 버튼을 클릭하여 간트 차트를 생성합니다.

위의 단계를 통해 사용자는 딥서치 웹사이트에서 다양한 차트를 쉽게 생성하고 렌더링하여 데이터 시각화를 향상시킬 수 있습니다.