코로나19 (COVID-19) 확진자 현황 카드 뉴스 만들기

코로나19 (COVID-19) 카드 뉴스 따라 만들기

 

안녕하세요, 강쌤입니다. 

 

오늘은 코로나19와 관련해서

질병관리본부에서 매일 제작하는

'[카드뉴스] 중앙방역대책본부 일일 국내발생현황 브리핑'을

이미지 대신에 Tableau로 구현해보겠습니다. 

 

출처 - 질병관리본부 > 뉴스&이슈 > 보도자료 > 브리핑 카드뉴스

 

업로드 시점에 카드 뉴스 최신 이미지가 5월 27일이라 조금 다릅니다.

그러나 기본적으로 표현되는 것들은 최대한 가깝게 표현했습니다.

 

이 대시보드에는 총 7개의 카드와

전체 추세를 살펴볼 수 있는 라인 그래프 영역

그리고 상단에 제목 등이 포함되어 있는 영역이 있습니다.

 

이 화면을 개발할 때 중점적으로 고려한 사항은

카드 뉴스처럼 고정된 이미지만 제공하는 것보다는

아래 세 가지 케이스입니다.

 

(고려사항)

 

1. 날짜에 따라서 현황을 동적으로 변경하도록 처리할 것

 

2. 지정한 날짜를 기준으로 최근 N일을 숫자로 지정할 것

 

3. 화면을 최근N일뿐만 아니라 전체 기간을 Toggle형태로 구성할 것

 

따라서 이 세 가지를 모두 해결하기 위한

매개 변수(Parameter)를 설정해보겠습니다.

 

 

(기획)

1. '기준 날짜'는 Date 타입으로 날짜를 설정하면 화면이 해당 날짜를 기준으로 변경됩니다. 

 

2. '최근 N일'은 숫자를 입력하는 매개 변수로 기준 날짜를 포함해 이전 N을 설정합니다. 

 

3. '보기 변경'은 T/F (부울) 형태로 True인 경우에는 전체 범위, False인 경우에는 기준 날짜에서 최근 N일 이전 데이터만 보는 '범위 내'로 설정합니다. 

 

 

(해결방법)

1. F_Date 필드를 만듭니다. 

아래 이미지는 데이터 원본에 있는 [날짜] 필드와 

[From] (기준 날짜)라는 매개 변수가 같은 경우를 필터 처리한다는 뜻입니다. 

즉 [From]에서 설정한 날짜의 값만 필터 처리해서 보여주겠다는 의미입니다.

같은 방법으로 나머지 6개 카드 (치료 중, 격리해제, 사망, 음성, 격리 중, 누적 검사 수)를 

별도의 시트에서 만듭니다. 

 

2. 라인 그래프를 이중 축을 써서 만듭니다.

아래 이미지처럼 설정하기 위해서는

[확진자(양성)]이라는 필드와 [격리 해제] 필드 모두

전일 대비해 신규 발생한 수치이기 때문에

태블로에서 퀵 테이블 계산을 활용해 '차이'를 설정하면

전일 대비 신규 숫자를 구할 수 있습니다. 

 

3. Toggle을 적용합니다.

 

Toggle 매개 변수가 False면 전체 범위를, True면 [From] (기준 날짜)에서 최근 N일만 보여주도록 설정합니다.

 

위 이미지에서 [F_Date Range]는 아래와 같이 설정합니다.

 

그리고 [From To] 필드는 아래와 같이 만듭니다.

 

나머지 상단에 구성하는 제목 대시보드의 텍스트에서 구성하면 되며

OO월 OO일 0시 기준은 새로운 시트에서 [F_Date] 필드를 필터로 적용하면 쉽게 설정할 수 있습니다.

 

최대한 카드 뉴스 이미지와 동일하게 만들기 위해

위에서 구성한 세 가지 매개 변수는 좌측 하단에 배치했습니다.

 

매개 변수(Parameter)를 하단에 배치하는 것은 사용성은 떨어지나

애초 출발점이 질병관리본부의 카드 뉴스를 최대한 비슷하게 구성하되

static한 이미지가 아닌, 사용자가 원하는 값을 설정해 트렌드를 볼 수 있게 자유도를 주기 위해

불가피하게 하단에 배치하도록 기획했습니다.   

 

[보기 변경] 매개 변수를 전체 범위로 설정하면

아래와 같이 라인 그래프가 전체 기간으로 보실 수 있습니다.

얼른 이 코로나 시국이 끝나고 일상으로 복귀했으면 합니다. 

 

이상 강쌤이었습니다.