TWBX 7기 | 1차 대시보드 "Ramen from all over the world"

 

안녕하세요👋

오늘은 TWBX 7기 오프라인 스페셜 강의 & 2차, 3차 모임 후기에 대해 이야기해 보겠습니다.

 

Ramen from all over the world

 

목차

1️⃣ 대시보드 제작/기획 의도는?

    저는 평소에 인스턴트 라면을 좋아해서 해외여행을 갈 때 그 나라의 라면을 먹어보거나 사 옵니다🍜 그런데 해외의 낯선 라면을 구매하기까지의 과정이 번거로워 이를 한 번에 해결할 수 있는 실용성 있는 대시보드를 만들어보고자 했습니다. 

 

[평소 내가 해외의 라면을 구입하는 과정]

1. 그 나라의 라면이 유명한지 검색

2. 유명하다면 어떤 브랜드의 어떤 종류의 라면이 유명한지 검색

3. 해당 라면에 대한 사람들의 실제 후기를 보면서 맛있을지 없을지 여부를 짐작으로 판단하기

4. 구매하기 전 한 번 더 그 이미지를 확인하기

 

    또한 고물가로 인해 전 세계 인스턴트 라면 수요가 급증하고 있고, 지난해 한국 라면도 해외 수출액이 1조원을 넘겼다는 점을 통해 이 대시보드가 전세계 라면 애호가들에게 유용하게 사용될 수 있을 것이라고 생각했습니다. 

 

전세계 인스턴트 라면 수요 급증…고물가에 중산층도 즐겨 찾아 - 데일리굿뉴스

---

2️⃣ 데이터 출처는?

캐글과 WINA의 데이터를 활용했습니다.

(저도 자료조사하면서 처음 알게 되었는데 WINA는 World Instant Noodles Association의 약자로, 세계 인스턴트라면 협회입니다🍜)

 

Find Open Datasets and Machine Learning Projects | Kaggle

World Instant Noodles Association.

---

3️⃣ 이 대시보드에서 강조하고자 한 내용이 있다면?

1. 시각적 재미

 

 

 

 

[라면 수요의 증가를 보여주는 막대그래프]

 

    막대 하단에 라면 이미지를 넣고 바를 노란색으로 지정함으로써 라면 면발이 늘어나는 것처럼 표현해 주었습니다.

 

 

 

 

 

 

 

 

또한, 전체적인 수치를 나타내는 부분에서 젓가락 이미지를 넣어줌으로써 시각적인 재미 요소를 표현하려고 했습니다.

 

 

지도에도 라면 이미지의 색깔과 크기를 통해 나라별 라면의 개수를 표현해 주었습니다.

---

2. 인터렉티브 요소

 

WINA 이미지를 클릭하면 WINA 사이트로 바로 이동하거나, 라면명을 클릭하면 바로 구글 이미지로 연결되도록 하는 등 추가 검색 없이도 궁금한 내용을 해소할 수 있도록 제작하였습니다.

 

---

4️⃣ 만들면서 어렵거나 힘들었던 점은?

이미지 깨짐

: 미리캔버스에서 이미지를 제작한 후 png로 다운을 받았을 때 이미지가 깨지는 현상이 발생했습니다. 하단 링크에서 파일명 뒤에 @2x 형식을 사용하라는 방법을 이용해 보아도 원본처럼 선명한 화질을 얻을 수 없었습니다. 해상도의 문제일 수 있다는 이야기를 듣고 이미지의 사이즈를 대시보드에 들어갈 사이즈보다 2배 크게 제작한 후 @2x 형식을 지정했더니 원본 그대로의 화질의 이미지를 대시보드에 표현할 수 있었습니다.

 

대시보드 구체화

 

---

5️⃣ 대시보드를 잘 만들기 위한 나만의 꿀팁이 있다면?

    재미있고 멋있는 대시보드를 만들고 싶었습니다. 그래서 태블로 퍼블릭에서 "오늘의 비주얼리제이션"과 "유행" 카테고리를 통해 대시보드의 트렌드와 요소들을 살펴보았습니다. 그리고 활용해보고 싶은 요소가 했다면 해당 대시보드를 다운로드하여 어떻게 만들었는지 탐구해 보며 구현하려고 했습니다. (위 라면 수요 바 차트에 라면 이미지를 넣은 것처럼) 대시보드 제작 실력이 늘기 위해서는 잘 만든 대시보드를 통해 연습하는 것이 가장 빠른 방법이라는 이사님의 꿀팁을 직접 수행해 볼 수 있는 시간이었습니다.

---

🔅 대시보드 함께 보기

 

    매년 8월 25일은 인스턴트 라면의 날입니다! 끓는 물에 넣어 조리해 먹는 봉지라면의 원조가 일본 닛신식품이 1958년 8월 25일에 처음 내놓은 치킨 라면이라고 해요. WINA 로고를 클릭하면 WINA 공식 홈페이지를 살펴볼 수 있습니다.

 

 

    고물가로 인해 전 세계적으로 중산층의 인스턴트 라면 수요가 높아지고 있다고 합니다. 그래프를 보면 증가 추세가 느껴지죠?

 

 

이 대시보드를 보는 방법은 다음과 같습니다.

 

1. 궁금한 나라를 선택합니다. (ex. 해외여행을 갈 나라, 해외배송을 통해 인스턴트 라면을 시켜보고 싶은 나라)
2. 우측 상단의 Good / Bad 여부를 확인합니다. (라면의 평균 평점이 3.5 이상인 경우는 Good, 미만인 경우는 Bad로 나타납니다. Good인 경우 그 나라의 인스턴트 라면을 먹어보는 것이 좋은 경험이 될 수 있다는 뜻입니다.)
3. 박스플롯을 통해 라면 평점의 대략적인 분포를 확인할 수 있습니다.

 

 

1. 우측 상단의 히트맵을 통해 해당 나라의 라면 스타일을 확인합니다.
2. 선호하는 라면 스타일을 선택합니다.
3. 좌측 하단의 라면 차트를 통해 선택한 국가, 라면 스타일의 브랜드와 라면 종류를 확인합니다. (평점이 4.5 이상인 경우 평점 왼쪽에 ★을 표시해 두었습니다.)
4. 자세한 정보가 궁금한 라면명을 클릭하면 해당 라면이 검색된 구글 이미지 페이지가 열립니다.

 

+) 우측 하단은 세계 라면 랭킹 top10을 나타낸 표입니다. 연도별로 어떤 라면의 상위에 랭크되어 있는지 확인할 수 있습니다. 중간중간 신라면 블랙, 꼬꼬면과 같은 한국 라면도 볼 수 있었습니다😊 연도별로 1등 한 라면들은 한 번 꼭 먹어보고 싶네요😏

 

 

감사하게도 대시보드 우수자로 선정되어서 대시보드를 발표하는 시간을 가졌습니다!

부족한 발표 들어주셔서 감사합니다🙇‍♀️

---

대시보드 피드백

 

2차 대시보드에는 테크니컬적인 부분을 보완하도록 노력해야겠습니다!