timelinestoryteller 다운로드 - timelinestoryteller 소스코드 다운로드

timelinestoryteller

기타 소스코드

1.0.0

다운로드

타임라인 스토리텔러

Timeline Storyteller는 브라우저 또는 Microsoft Power BI에서 타임라인을 표시하기 위한 표현력이 풍부한 시각적 스토리텔링 환경입니다.

타임라인 표현, 축척, 레이아웃 팔레트와 필터링, 강조 표시, 주석 제어를 사용하여 타임라인 데이터의 다양한 측면을 제시하는 데 사용합니다. 이 프로젝트에 대한 정보를 제공한 연구에 대해 자세히 알아보려면 timelinesrevisited.github.io를 참조하세요. , 여기에는 타임라인 도구에 대한 설문 조사와 200개 이상의 맞춤형 타임라인이 포함됩니다.

타임라인 스토리텔러로 만든 타임라인과 타임라인 스토리의 예시를 확인해 보세요.

프로젝트 팀

매튜 브레머
이봉신
나탈리 헨리 리치
대런 에지
크리스토퍼 화이트
케이트 리트비네츠
데이비드 티츠워스

설정/테스트

이 저장소의 기본 분기를 복제합니다: git clone https://github.com/Microsoft/timelinestoryteller.git
nodejs, npm, Yarn이 설치되어 있는지 확인하세요.
저장소 루트에서 터미널을 열고 노드 모듈을 설치합니다: yarn 또는 npm_install .
public/app/timelinestoryteller.js 빌드: npm test
노드 서버 시작: npm start
로컬 호스트 열기:8000

애플리케이션 소스 코드는 src/ 디렉터리에서 찾을 수 있습니다.

Timeline Storyteller Power BI 사용자 지정 시각적 개체

이 저장소에는 독립형 웹 애플리케이션인 타임라인 스토리텔러의 소스가 포함되어 있습니다. Power BI용 Timeline Storyteller 사용자 지정 시각적 개체를 생성하려면 github.com/Microsoft/PowerBI-visuals-TimelineStoryteller를 참조하세요.

데이터 준비

타임라인 스토리텔러는 현재 CSV, JSON 또는 Google 스프레드시트 형식의 이벤트 데이터세트를 지원합니다.

각 이벤트는 다음 속성으로 지정됩니다.

필수 : start_date , 날짜: YYYY, YYYY-MM-DD 또는 YYYY-MM-DD HH:MMZ(ISO 8601) 형식이 지원됩니다(UTC를 지정하려면 Z가 필요합니다. 그렇지 않으면 HH:MM은 시간대에 따라 달라집니다). BC 날짜가 허용됩니다(예: -27, -13800000000).
선택사항 : end_date , 날짜: start_date 와 동일한 형식 사용
선택사항 : category , 이벤트 카테고리에 해당하는 문자열(타임라인 스토리텔러가 색상으로 인코딩함)
선택 사항 : facet , 이벤트의 다른 카테고리에 해당하는 문자열(타임라인 스토리텔러가 패싯 타임라인 레이아웃을 생성하는 데 사용합니다. 원하는 경우 category 와 facet 동일할 수 있음)
선택 사항 : content_text , 이벤트에 대한 문자열 설명(타임라인 스토리텔러가 이벤트 주석으로 표시함)

JSON의 예제 이벤트:

{ "start_date":"1775", "end_date":"1783", "content_text":"American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.", "facet":"North America", "category":"North America" },

CSV 형식의 이벤트 예:

헤더 행:

start_date,end_date,content_text,facet,category

예제 이벤트 행:

1775,1783,American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.,North America,North America

예시 CSV / Google 스프레드시트

다음은 Google 시트의 Timeline Storyteller 데모에 사용된 유명 창의적 인물의 일상 데모 데이터 세트입니다.

스프레드시트가 게시되었는지 확인합니다(Google 스프레드시트 '파일' 메뉴를 열고 '웹에 게시' 선택).
start_date 및 end_date 열의 형식이 날짜가 아닌 텍스트 형식인지 확인하세요(예: '1926-06-29 ).
필수 : 스프레드시트 URL
선택사항 : 이 데이터세트의 워크시트 제목(예: 탭 이름): dailyroutines
타임라인 스토리텔러의 로드 대화 상자에 스프레드시트 URL과 워크시트 제목을 입력하세요.

용법

더 자세한 사용 지침은 timelinestoryteller.com에서 확인할 수 있습니다.

타임라인 데이터(데모 데이터 세트, JSON, CSV, Google 스프레드시트) 또는 저장된 타임라인 스토리(확장자가 .cdc인 JSON Blob, 6단계 참조) 로드
화면 상단 메뉴에서 표현, 규모, 레이아웃의 조합을 선택하세요. 일부 조합만 유효합니다. 스토리에 적합한 조합을 선택하는 방법에 대한 지침을 참조하세요. 이 옵션 위에 마우스를 올려놓으면 해당 옵션이 어떻게 유용할지 설명하는 도구 설명을 볼 수 있습니다.
캔버스 편집

content_text 라벨로 주석을 달려면 이벤트를 클릭하세요. 라벨 크기 조정 및 위치 변경; 레이블을 표시하지 않고 이벤트를 강조 표시하려면 SHIFT + 클릭하세요.
캡션과 이미지로 주석을 답니다. 캡션과 이미지의 크기와 위치를 조정합니다.
카테고리, 패싯 또는 세그먼트별로 이벤트를 필터링합니다. 일치하는 이벤트를 강조하여 필터링합니다(일치하지 않는 이벤트를 강조하지 않음).
일치하지 않는 이벤트를 숨겨 필터링할 수도 있습니다.

현재 캔버스를 레이블, 캡션 및 이미지가 유지되는 장면으로 기록합니다. 재생 모드로 들어가서 이전/다음 녹화 장면으로 이동합니다.
현재 캔버스를 PNG, SVG로 내보냅니다.
장면을 애니메이션 GIF 또는 JSON Blob(.cdc 확장자)으로 내보냅니다.

특허

타임라인 스토리텔러

저작권 (c) 마이크로소프트 주식회사

모든 권리 보유.

MIT 라이센스

본 소프트웨어 및 관련 문서 파일(소프트웨어)의 사본을 취득한 사람에게는 사용, 복사, 수정, 병합, 게시에 대한 권리를 포함하되 이에 국한되지 않고 제한 없이 소프트웨어를 취급할 수 있는 권한이 무료로 부여됩니다. , 소프트웨어 복사본을 배포, 재라이센스 부여 및/또는 판매하고, 소프트웨어를 제공받은 사람에게 다음 조건에 따라 그렇게 하도록 허용합니다.

소프트웨어는 상품성, 특정 목적에의 적합성 및 비침해에 대한 보증을 포함하되 이에 국한되지 않고 명시적이든 묵시적이든 어떠한 종류의 보증 없이 있는 그대로 제공됩니다. 어떠한 경우에도 작성자나 저작권 보유자는 계약, 불법 행위 또는 기타 행위로 인해 소프트웨어나 사용 또는 기타 거래와 관련하여 발생하는 모든 청구, 손해 또는 기타 책임에 대해 책임을 지지 않습니다. 소프트웨어.

감사의 말

우리를 인용

타임라인 스토리텔러를 이용하여 연구 논문의 타임라인을 작성한다면 두 가지 방법으로 인용할 수 있습니다. 도구 자체를 인용할 수 있습니다.

@misc{TimelineStoryteller, author = {Matthew Brehmer and Bongshin Lee and Nathalie Henry Riche and Darren Edge and Christopher White and Kate Lytvynets and David Tittsworth}, title = {Microsoft Timeline Storyteller}, year = {2017}, note = {url{https://timelinestoryteller.com}} }

또는 타임라인 디자인 공간에 관한 최근 저널 논문을 인용할 수 있습니다.

@article{Brehmer2016, author = {Matthew Brehmer and Bongshin Lee and Benjamin Bach and Nathalie Henry Riche and Tamara Munzner}, title = {Timelines Revisited: A Design Space and Considerations for Expressive Storytelling}, journal = {IEEE Transactions on Visualization and Computer Graphics (TVCG)}, year = {2017}, volume = {23}, issue = {9}, pages = {2151--2164}, doi = {10.1109/TVCG.2016.2614803}, ISSN = {1077-2626} }