Workshop 및 스테이션
TeachFORGE.ai
Workshop / D3 비주얼라이저
D3 비주얼라이저 스테이션
매개변수 카탈로그에서 인터랙티브 D3 시각을 작성하세요 — 계층, 흐름, 지리, 통계, 네트워크, 시계열 — 그리고 한 패키지를 필요한 만큼의 교실 버전으로 바꾸세요.
AI가 초안을 작성할 수 있습니다. 교실에 무엇을 보여줄지는 여러분이 결정합니다.
D3 비주얼라이저란
D3 비주얼라이저는 매번 D3를 처음부터 다시 쓰지 않고 인터랙티브 데이터 시각을 만드는 방법입니다. 매개변수 패키지를 엽니다 — 계층, 흐름, 지리, 통계, 네트워크 또는 시계열 — 그런 다음 샌드박스 실시간 미리보기가 갱신되는 동안 컨트롤로 움직입니다.
교실 데이터 이야기는 바뀌므로 수업에서 중요합니다. 데이터셋을 바꾸거나, 레이아웃을 옮기거나, 같은 시각의 새 조각을 보이세요 — 보드에서도 의도적으로 보이는 그림을 유지하세요.
교사가 D3 비주얼라이저를 쓰는 이유
눈에 보이는 계층
커리큘럼 비중, 주제, 중첩 그룹을 위한 트리맵, 선버스트, 패킹 보기.
흐름과 경로
범주 사이 이동이 요점일 때 생키, 충적, 현 다이어그램.
숫자 있는 장소
지리와 크기를 한 보기에 두는 단계구분도와 버블 맵.
시간에 따른 변화
펼쳐지는 이야기를 위한 스트림 그래프, 레이싱 막대, 방사형 타임라인.
TeachForge에서 D3 비주얼라이저는 Workshop 스테이션입니다 — 매개변수 우선, 아이디어에서 실시간 수업으로 플랫폼을 떠나지 않고 가도록 만들어졌습니다.
D3 비주얼라이저 스테이션 내부
Workshop의 나머지처럼 익숙한 작업 공간이 있습니다: 한쪽에서 패키지를 빚고, 다른 쪽에서 실시간 D3 결과를 보세요.
- 여섯 카탈로그 계열 — 계층, 흐름, 지리, 통계, 네트워크, 시간
- GUI 시각 편집기 패키지에서 생성된 슬라이더와 컨트롤과 함께
- 스크립트 모드 D3 콘텐츠 JSON에 더 가깝게 작업하고 싶을 때
- 데이터 섹션에 CSV 붙여넣기 수업 데이터셋이 시각물을 구동하도록
- 고급 JSON 전체 패키지 제어를 위한 적용 및 동기화 포함
- SVG / PNG / JSON보내기, 공유, 임베드, 한 번 클릭으로 Whiteboard 보내기
패키지가 시각물이 되는 과정
카탈로그 차트를 열거나 매개변수 패키지를 붙여넣으세요
빈 캔버스가 아니라 수업 준비된 시각에서 시작하세요.
컨트롤, 데이터 또는 스크립트 모드 편집
패키지를 바꾸면 샌드박스 D3 미리보기가 다시 렌더링됩니다.
내보내기, 저장 또는 실시간 전송
보드로, 문항으로, 또는 내 파일로 가져가세요.
시각물 하나. 모든 버전.
D3 비주얼라이저는 다음에 기반합니다 매개변수 패키지: 컨트롤로 움직이는 수업 시각 — 슬라이더, 토글, 드롭다운, 색, 연령대 — 예가 바뀔 때마다 코드를 다시 쓰지 않습니다.
가르치면서 바꾸기
차트를 다시 만들지 않고 레이아웃을 옮기거나, 계열을 거르거나, 범주 색을 바꾸세요.
구조는 유지하고 데이터를 바꾸기
같은 패키지가 내일의 시작점 또는 더 어려운 후속 데이터셋이 될 수 있습니다.
한 단계로 교실에 맞추기
연령대는 유아·초등·중등·평생 학습의 모습을 바꿉니다.
평가와 가깝게
컨트롤과 JSON 패키지가 Quest Ladder의 여러 연습 버전을 채울 수 있습니다.
이 스테이션은 매개변수 우선입니다. 더 깊은 제어를 원하시나요? 스크립트 모드와 고급 JSON은 그대로 있습니다 — 같은 교실 도구 안에서.
시작할 준비가 된 시각물
카탈로그를 열고 수업용 객체로 시작한 뒤 수업에 맞게 고치세요:
| 면적 | 열 수 있는 것 |
|---|---|
| 계층 | 트리맵; 선버스트; 덴드로그램; 원 패킹 |
| 흐름 | 생키 다이어그램; 현 다이어그램; 충적 도표; 호 다이어그램 |
| 지리적 | 단계구분도; 버블 맵; 카토그램; 흐름선 |
| 통계 | 브러시/확대; 회귀 산점도; 바이올린/상자; 등고선; 수직선 |
| 네트워크와 시간 | 포스 디렉티드; 행렬; 이분; 스트림; 레이싱 막대; 방사형 타임라인 |
AI 도움, 원하는 방식으로
초안이 필요하신가요? AI를 보조로 쓴 뒤 — 학습자에게 닿기 전에 검토·편집·승인하세요.
프롬프트 복사
준비된 프롬프트를 만들어 이미 쓰는 채팅 도구에 붙여넣으세요.
내 GPU 사용
설정에서 로컬 모델 엔드포인트를 연결하고 여러분이 제어하는 하드웨어에서 생성을 실행하세요.
내 API 키 사용
설정에 공급자 키를 넣고 모델을 고른 뒤 내 계정으로 생성하세요.
AI는 틀릴 수 있습니다. 그래서 교사가 루프에 남습니다.
수업이 일어나는 곳으로 시각물 가져가기
- Whiteboard — 라이브 보드에 놓고 교실 앞에서 조정하세요
- Quest Ladder — 문항과 설명에 넣으세요
- Virtual Lab — 인터랙티브 랩 작업에서 재사용하세요
- 커뮤니티 — 만든 것을 공유하고 다른 교육자가 공유한 것을 바탕으로 만드세요