콘텐츠로 이동

타임라인

타임라인은 시간에 따른 이벤트나 활동을 시간순으로 표시하는 다목적 시각화입니다. 이는 과거 또는 미래 발생에 대한 포괄적인 보기를 제공하여 패턴, 기간 및 관계에 대한 통찰력을 제공합니다.

타임라인 데이터를 나타내려면 다음 TimelineData 인터페이스를 사용할 수 있습니다.

type TimelineEventTag = {
name: string;
}
type TimelineEvent = {
summary: string;
date: string;
type: string;
author: string;
tags?: TimelineEventTag[];
description?: string;
}
type TimelineData = {
[date: string]: {
summary?: {
title?: string;
};
events: TimelineEvent[];
};
}
// Node-Link (force-directed-graph, sankey, hierarchical-edge-bundling )
  • 이름: 타임라인 이벤트와 연결된 태그의 이름입니다.
  • 요약: 이벤트에 대한 간략한 요약 또는 제목입니다.
  • 날짜: 이벤트가 발생한 날짜입니다.
  • 유형: 이벤트의 유형 또는 카테고리입니다.
  • 작성자: 이벤트의 작성자 또는 생성자입니다.
  • 태그: 이벤트와 연결된 태그 배열입니다.
  • 설명: 이벤트에 대한 자세한 설명입니다.
  • [날짜]: 특정 날짜 범위를 나타내는 날짜 키입니다.
    • 요약:
      • 제목: 기간에 대한 요약 제목입니다.
    • 이벤트: 해당 날짜와 관련된 TimelineEvent 개체의 배열입니다.
  • 연대순 이해: 타임라인은 이벤트를 연대순으로 표현하여 이벤트가 발생한 순서를 명확하게 이해할 수 있도록 해줍니다.

  • 이벤트 분류: 태그를 사용하여 이벤트를 분류하는 기능을 사용하면 체계적이고 효율적인 그룹화가 가능하며 특정 유형의 이벤트 분석에 도움이 됩니다.

  • 유연한 시각화: 타임라인은 유연하고 다양한 유형의 데이터에 적응할 수 있으므로 광범위한 이벤트와 활동을 나타내는 데 적합합니다.

  • 잠재적 혼잡: 이벤트 밀도가 높은 타임라인에서는 시각적으로 혼란스러울 위험이 있고 개별 이벤트를 구별하는 데 어려움이 있을 수 있습니다.

  • 특정 데이터 유형에 대해 제한됨: 타임라인은 다양하지만 특정한 복잡한 관계나 데이터 구조를 나타내는 데는 가장 효과적이지 않을 수 있습니다.

  • 이벤트 중요성의 주관성: 이벤트의 중요성은 주관적일 수 있으며, 타임라인에 표현된 이벤트는 개인이 인식하는 미묘한 중요성을 포착하지 못할 수도 있습니다.

Timeline Example