브라우저에서 실행

직접 실행

실제 TypePlot으로 여섯 가지 그래프를 실행하고, 뷰를 조절하고, PNG로 저장합니다.

사인과 코사인
자동
그래프를 준비하고 있습니다…이 브라우저에서 실제 TypePlot을 실행합니다.

왼쪽 드래그로 이동하거나 회전하고, 오른쪽 드래그로 이동하며, 스크롤로 확대합니다. 그래프에 초점을 맞추면 방향키, +/−, Home을 사용할 수 있습니다. PNG 저장은 데이터 예제에서 지원합니다.

0부터 2π까지의 구간에서 사인과 코사인을 200개 점으로 표시합니다. 진폭 범위는 −1부터 1까지입니다.

이 그래프를 만드는 코드main.ts
import { subplots, linspace } from "typeplot";

const { fig, axes: [ax] } = subplots();
const x = linspace(0, 2 * Math.PI, 200);
ax.plot(x, x => Math.sin(x * 1), { label: "Sine" });
ax.plot(x, x => Math.cos(x * 1), { label: "Cosine", lineStyle: "--" });
ax.set({ xLabel: "Angle (radians)", yLabel: "Amplitude" });
ax.grid();
ax.legend();

// Call fig.destroy() when the view unmounts.

런타임 소스: 34812c52ed86 · Apache-2.0

예제 데이터 설명

모든 값은 예제 코드에 정의한 수식이나 고정 배열에서 생성합니다. 실제 관측 데이터나 성능 측정값이 아닙니다. 방문자가 입력한 코드를 평가하지 않습니다.