svg 아이콘을 이용하여 R ggplot 그래프 만들기

그래프를 만들다보면, 숫자와 막대바 혹은 점, 선으로만 표현하게 될때, 조금은 표현력이 아쉬울때가 있다. 그럴때 필요한게 아이콘을 활용하면 한층 더 표현력이 풍부한 그래프를 만들 수 있다. 예를 들어 아래와 같은 인포그래픽을 표현할때 ETF종목명 앞에 아이콘을 추가해줄 수 있다.

원하는 아이콘 찾기

아이콘을 무료로 제공하는 사이트는 찾아보면 많다. 구글, 부트스트랩, 폰트어썸 등 svg 파일로 다운받을 수만 있기만 하면 된다. 여기서는 구글 아이콘 사이트에 있는 아이콘으로 사용할 예정이다. 아래 아이콘을 하나 선택했다. 선택후 svg 파일로 다운로드 할 수 있다

그래프 만들기

여러가지 svg 파일을 다운받아 잘 폴더에 모아 저장해놓고, 아래와 같이 경로를 이용해 데이터를 만든다.

tb1 <- data.frame(
  x = 1,
  y = c(5, 4, 3, 2),
  colour = c(yy, rr, yy, rr),
  image_path = c("./data/show_chart.svg", 
                 "./data/payments.svg",
                 "./data/show_chart.svg",
                 "./data/money_bag.svg"))

geom_image 함수를 사용하면 바로 만들 수 있다. 단점은 이미지파일로 변환되다보니, 결과파일 크기가 꽤나 커진다는 점인데, 그부분은 감안해야 할 듯 하다.

ggplot(tb1) +
  geom_image(aes(x, y, image = image_path), size = 0.08)