사인, 코사인, 탄젠트, 코탄젠트, 아크탄젠트, 아크사인, 아크코사인, 아크코탄젠트, 아크시컨트, 아크코시컨트, 시컨트, 코시컨트와 같은 다양한 삼각함수를 위한 2D 시각화 도구를 만드세요. 이 함수들은 좌표평면에 그려져야 하며, 각 함수 옆에 표시 여부를 전환할 수 있는 체크박스를 포함해야 합니다.

## 프로젝트 개요
사용자 친화적인 웹 도구를 개발하여 2D 좌표 그리드에서 주요 및 역삼각함수를 그래픽으로 표현합니다. 사용자는 인터랙티브 컨트롤을 통해 원하는 함수만 선택하여 볼 수 있어야 합니다.

## UI/UX 디자인 및 흐름
- 페이지 중앙에 두드러진 좌표 그리드를 가진 깔끔한 인터페이스를 디자인합니다.
- 삼각함수 목록과 해당 체크박스가 표시된 사이드바 또는 패널을 포함합니다.
- 사용자는 체크박스를 선택하거나 해제하여 각 함수 그래프를 보여주거나 숨길 수 있어야 합니다.
- x축의 범위가 -2π에서 2π까지 되도록 하여 주기 함수의 전체 주기를 시각화할 수 있게 합니다.

## 핵심 기능 및 로직
- [-2π, 2π] 구간에서 각 삼각함수의 그래프를 렌더링합니다.
- 체크박스의 상호작용을 구현하여 각 함수 그래프의 가시성을 동적으로 업데이트합니다.
- 역함수의 정의역 제한 등 요소를 고려하여 정확한 그래프 표현을 보장합니다.

## 모범 사례
- 여러 그래프가 겹치더라도 부드러운 상호작용이 가능하도록 렌더링을 최적화합니다.
- 체크박스 전환을 위한 키보드 내비게이션 등 접근성 기능을 갖춥니다.
- 그래프에 각 함수의 명확한 레이블과 범례를 제공하여 이해를 돕습니다.

Сделай визуализацию всех тригонометрических функций в 2d, таких как синус, косинус, тангенс, котангенс, арктангенс, арксинус, аркосинус, арккотангенс, арксеканс, арккосеканс, секанс, косеканс. Они должны изображаться на координатной плоскости. Должны быть галочки возле функций что бы скрыть или показать их

Q: Какой диапазон значений x вы хотите использовать для графиков?
A: Например, от -2π до 2π

Q: Какие именно тригонометрические функции вы хотите включить в визуализацию?
A: Все перечисленные функции или только некоторые?