데이터 캔버스

데이터 캔버스란?

• 데이터를 바꾸면 그림도 함께 바뀝니다.
• 간단한 파이썬 코드만으로도 자동 변환되는 그림을 생성할 수 있습니다.
• 수학, 과학, 그래프, 도형 등 다양한 표현이 가능합니다.
• 벡터 그래픽 이미지(SVG)로 저장 : 데이터 캔버스에서 만든 그림은 벡터 그래픽 이미지로 저장할 수 있습니다. 따라서 다른 프로그램에서도 고해상도를 유지하므로 보고서, 프레젠테이션, 수업자료 등에 다양하게 활용할 수 있습니다.
• Python 변수, 함수, 연산 모두 사용 가능 : 데이터 캔버스 안에서는 우리가 만든 모든 변수나 함수, 계산 결과를 그대로 사용할 수 있습니다. 필요하다면, 그림에 필요한 추가적인 변수도 직접 정의할 수 있습니다.
  
  

데이터 캔버스 시작하기

1. 메뉴 > 문제 만들기 > 데이터 캔버스(좌측 혹은 도구 아래 아이콘) 클릭
   
   

2. 데이터 캔버스 > [⊕ 캔버스 추가]
   
   

3. 캔버스 선택

• 기본은 수직선
• 박스로 변경 가능하며, 박스에서는 벤다이어그램 등의 추가적인 도형이 주어짐

삼각형 그리기 예시

1. 변수 정의

• 변수 입력은 선택사항입니다. 다만 반복적으로 사용하게 되는 경우 정의해두면 간편하게 사용할 수 있습니다.

2. 다각형 그리기

• 좌표 리스트:
  • 정의한 변수명 입력: “A, B, C”
  • 변수를 지정하지 않은 경우 직접 입력: “[0,0], [5,3], [5,0]”
• 선 세부 설정: 선 종류, 두께, 색깔 등 지정

3. 텍스트 넣기

• 좌표: 정의한 변수 혹은 직접 좌표 입력
• 텍스트 옵션: 크기, 색깔, 위치 등 지정

4. 길이 표시

5. 각 표시

• 직각표시 자동변환: 각의 크기가 인 경우 직각으로 표시
• 강제 직각 표시, 반시계방향으로만 그리기, 반대각으로 설정 가능

6. 레이아웃 설정

• 축 보이기 체크표시 해제
• , 축의 범위를 적절히 조절
• 문제에 맞게 출력이미지 크기 조절

7. 그림 활용

• 문제에 삽입:
  • 데이터캔버스에서 그림 상단 [문제에 붙여넣기] : 문제 입력 창과 코드창에 코드 자동 입력
  • 문제 생성 클릭하여 확인

• 다운로드:
  • 데이터캔버스에서 그림 상단 [다운로드] : svg파일로 다운로드하여 다른 프로그램에 활용 가능
    
    

Asset Library

• 필요한 조건 수정/편집하여 사용 가능
• 위 예시 그림은 "직각삼각형"으로 조회하여 확인 가능

문제 작성 예시

1. 직각삼각형의 넓이 문제 템플릿 바로가기

, , 인 의 넓이는?

2. 삼각형의 넓이 문제 템플릿 바로가기