Giter Site home page Giter Site logo

recharted's Introduction

이름

  • recharted

설명

  • 언론사들에서 잘못 그린 차트들 모아서 다시 그려보는 프로젝트.
  • 널채움 디스코드 #recharted 채널에서 떠듭니다. 초대링크

방법

  • 잘못된 차트는 이슈로 등록 (상시적으로 발견하면)
  • 이미지는 첨부
  • 출처 주소 있다면 적어주기
  • 매주 모여서 차트를 보면서 토론
  • 리뷰는 차트당 5분 제한
  • 그러면서 생각나는 가이드들은 Guides.md에 추가
  • 매주 모여서 다시 그릴 차트를 선정하고 다시 그림
  • 현장에서 손으로 그린다 (펜과 색연필을 준비한다)
  • 컴퓨터로 완성시키기 숙제를 가져감
  • 특정한 도구는 정하지 않음

깃헙 페이지 사양

  • 잘못된 차트와 새로 그린 차트를 비교해서 볼 수 있게

목록

내년 정부 예산 453조원+α… 예고된 '슈퍼 예산'

원본 수정본

recharted's People

Contributors

lexifdev avatar cmygray avatar breezeshawl avatar raccoonyy avatar huinalam avatar constmoon avatar ohahohah avatar

Stargazers

Doori Kim avatar SeongjaeMoon avatar shavingmace avatar  avatar  avatar Chanshik Lim avatar Bomin Lee avatar Youngjun Na avatar acodemaker avatar Kyoyoung Chu avatar Jung Winter avatar Taegon Kim avatar  avatar Dowha Kim avatar Wonyoung Ju avatar Changbeom Ahn avatar Junghwan Park avatar Dongsun Kim avatar Jaeyoung Choi avatar  avatar SeongHwa Joy avatar Lee Jae-yeol avatar  avatar  avatar Cho, Yonghyun avatar Songyi Lim avatar Seung Wook Kim avatar  avatar  avatar Yeongtaek Hong avatar  avatar Yujin Chung avatar Kyoungran K avatar  avatar Yeowoon avatar  avatar LEE Jaeyoung avatar  avatar Daegwon Nacyot Kim avatar Hyeonjong Gim avatar

Watchers

Daegwon Nacyot Kim avatar  avatar  avatar James Cloos avatar GyuYong Jung avatar Kyoungok Kim avatar  avatar  avatar Jaeyoung Choi avatar  avatar  avatar Hyeonjong Gim avatar Jihye Lee avatar Bomin Lee avatar  avatar

recharted's Issues

매일경제 '자살을 막는 힘은 관심입니다'

junkchart_mk

문제점
이 차트 역시 흔히 범하는 y축의 오류로 왜곡되었다.
그런데 이런 생각이 든다. y축의 오류를 고친다고 해도 이 차트는 의미가 있는 것인가
증가했다는 것이 중요한게 아닌 인구 10만명당 증가한 1.8명 그리고 6.2명이 가지는 의미가 더 중요한거 아닐까 싶다

증가했다는건 단순 fact이지만, 증가했기 때문에 불러오는 사회적 이슈, 비용 등이
독자들에게 훨씬 의미있지 않나 싶고, 단순히 숫자정보를 차트화 하는 것을 넘어
숫자 정보가 가지는 의미가 뭔가 반성해봄

나의 대안
우선은 차트를 왜곡(y축의 오류)시키지 않고 제작.
그리고 연관 데이터를 찾으면 좋겠다. 지역별, 성별, 연령별 자살자 데이터 혹은 통계가 있다면
다시 한번 그 안에서 스토리를 뽑아내고 차트를 보충하거나 스토리를 보강했으면 좋겠다.
(이건 실습때 하겠습니다... ^^)

마무리
아무튼, 기사의 주제를 강조하기 위해 모순적으로 그래프는 왜곡시키게 되는 슬픈 현실...
차트 오류를 막는 힘도 관심입니다......

출처 : http://news.mk.co.kr/newsRead.php?year=2011&no=355287

JTBC _ '깜깜이 기간' 전 마지막 여론조사…판세와 변수는?

jtbc_0502_1

문제점
JTBC의 차트 제작은 정말 심각하네요... 얼마 전에 손사장이 사과를 했음에도 퀄리티는 그다지!
위의 이미지는 사실 왜곡은 하지 않았습니다. 하지만, 방송이란 매체의 특성상 차트를 디코딩하는
시청자를 오래 기다려주진 않죠. 여러분은 쉽게 독해 하셨나요? 전 오래 걸렸습니다 ㅠ

  1. 가장 문제는 여론조사의 한계라고 생각하는데요 (늘 추출방식 때문에 시끄럽기도 하죠)
  • 차트에서는 %로만 보여주고 있기 때문에 예를 들어 35.8%라고 하면 얼마나 많은 인원일까요?
  • 명시를 해줘야 하는걸까요? 아니면 너무 제가 오바하는걸까요? ^^;;
  1. 지지후보 변경 가능성이 일단 19.9%인데 왜 도넛 차트를 사용해서 단위를 가운데 넣었는지 모르겠고
  2. 저 차트는 20대에 관한건데 멘트로 말하고 있다지만 차트 제목에 정확히 명시하지 않은게 아쉽고
  3. 바꿀 수도 있다(푸른색) 안에서 20대와 서울의 결과값을 왜 저렇게 넣었는지 이해가 안가네요..
  • 일단 정보 계층이 2-depth를 가지는데 hierarchy 표현이 적절하지 않은거 같아요
  • 19.9% 안에서 말하는건데 전체를 아울러서 말하는거 같은 혼란을 주네요
  1. JTBC/한국리서치가 중요할까요? 저 위치에 굳이 있어야 할까요? 텍스트 정보가 너무 많죠. 하나의 화면에

나의 대안

  1. 차트의 제목 에디팅은 정말 중요함 '지지후보 변경 의향(20대)' 이렇게라도 해줄거 같아요
  2. 2-depth 정보를 보여주는거에 대한 고민을 할 것 같습니다
  3. 리서치 기관은 오른쪽 하단에 작게 보여줄꺼구요
  4. 이상한 이미지 하나 들어간거 빼줄꺼에요
  5. 함께 만들어보면 좋겠네요 이건!

마무리
아무튼, 대선기간이라 정말 ......... 읔읔
참고로 아래 링크가면 모든 차트가 이상합니다...ㅋㅋ

출처 : http://news.jtbc.joins.com/html/057/NB11463057.html

부양의무자 내년 10월부터 폐지

중앙일보(뉴시스): http://news.joins.com/article/21832962
허핑턴포스트(뉴스1): http://www.huffingtonpost.kr/2017/08/10/story_n_17715264.html
보도자료: https://www.gov.kr/portal/ntnadmNews/1167877

그래프
중앙(뉴시스)
_
허핑턴(뉴스1)
_

  • 추정치(범위값)를 정확히 표시하지 않았습니다.

  • 뉴시스의 경우에는 색상 구분이 잘못됐습니다.

  • 보도자료 요약본을 보면 중위소득 30%미만을 생계비수급자, 31~40% 구간을 의료비수급자로 구분했는데, 기사에서는 중위소득만 표시했네요. 중위소득 구간에 따른 혜택구분을 몰라서 처음에 좀 헷갈렸습니다...

  • 현재 비수급자의 규모 산정기준이 궁금했는데 쉽게 찾아지질 않네요.. 몇해 지난 보고서에서 예전 추정치만 찾을 수 있었습니다

탄핵정국 ‘안티 새누리’ 급증… 이번엔 野로 기울어진 운동장 구도

https://twitter.com/nobody_indepth/status/815069020407873536

일전에 트위터의 Nobody(@nobody_indepth) 님이 비판했던 기사입니다. 트윗 타래를 읽어보시면 좋습니다.

한국일보 : 정치 : 탄핵정국 ‘안티 새누리’ 급증… 이번엔 野로 기울어진 운동장 구도

단, 트윗이 있고 나서 그 날 기사에서 그래프가 빠졌고, 얼마 후 수정된 그래프가 다시 올라왔습니다. 따라서 현재는 웹에서 비판했던 당시의 그래프를 볼 수 없습니다. 당시에 인상 깊었던 내용이라 Webarchive로 보존해야지 생각만 하고 지나갔는데 저장을 안 해놨던 것 같습니다 ㅜ

다행히도(?) 신문 PDF 판에서는 원본 기사를 확인할 수 있습니다. (한국일보에 로그인해야 볼 수 있는 듯 합니다. 이미지로 남겨둡니다.)

한국일보 - 2016년 12월 31일자 5면

image

Nobody 님의 비판 내용과 더불어 한국일보에서 수정하기 전 그래프와 수정한 후의 그래프 다 같이 살펴보면 좋을 듯 합니다.

한겨례21 / 500억 vs 50억 공정한 게임일까

500억 vs 50억 공정한 게임일까

기사 원문 보기

문제점

  • 원으로 크기를 비교해서 보면, 크기 해석에 착오를 일으킬 수 있는 문제가 있음.
  • 위와 같은 오류를 범할 수 있다 치더라도... 크기 기준을 반지름으로 한건지 원넓이로 한건지도 모르겠음.





  • 뭔가 그래픽(?)적인 요소를 쓰고 싶었나본데, 전혀 데이터로서 크기가 짐작되지 않음..

뉴시스, 가계부채 증가율

nisi20170406_0012868632_web_20170406115404101

최근 기사로 검색을 해봤습니다
본 기사는 의도적이진 않은거 같구요.
하나의 레이어 안에 2개의 차트를 삽입한 사례입니다.
기사보기

첫번째 차트

  • 동일 단위가 아님에도 불구하고 2개의 차트 혼용
  • y축 없음, 실제 기울기는 체크해봐야 하는 부분
  • 부채 증개액을 파이 차트 사용 그리고 클리핑마스크?
  • 2010-2014 평균과 2015, 2016년도를 비교하는게 타당한가
  • 단위 %을 명시해주고 11.7%에만 왜 썼는지 의문

두번째 차트

  • 텍스트 레이아웃 문제, 아래 차트의 가독성이 왼쪽 텍스트로 좋지 못함
  • 첫번째 차트의 문제점들을 다수 가지고 있음
  • 텍스트 편집과 범례의 통일성이 없음

한국 경제성장률

http://vip.mk.co.kr/news/view/21/20/1509135.html
default

매경에서 OECD 경제성장률 전망을 그래프로 그렸습니다. 굳이 막대그래프를 써야하나 싶어서 OECD 데이터를 열람해봤습니다.

_oecd

한결 낫습니다...

이건 관련 시각화 자료를 찾다가 흠칫 놀란 테이블(!?)입니다..
2017-06-13 9 57 32
출처: 매경

우측의 분야별 경제 전망치의 경우에는 세로축에 생략선을 추가해야겠네요.

테크홀릭 / 외국인 보유 토지 전 국토 0.2%…제주 투자이민 축소 등으로 주춤

기사 원문 보기

이미지

문제점

  • 기사와 인포그래픽을 통해 말하고자 하는게 뭘까. 일단 여기서 의문.
  • 해외 투자가 주춤되었다면 주춤된 걸 보이도록 시각화해야할텐데, 전국 토지보유 현황을 보여줌

의문점

  • 3D 바로 각 지역마다 그렸는데, 값이 작을 수록 폭이 좁아지게 그렸음
  • 자꾸 보다보니 큰 곳과 작은 곳이 확연하게 보이는 것 같아 괜찮은 것 같다는 생각도 들었음.

[바보차트] 청년 실업률 선그래프

thumb_3717694133_wlvjtacf_22

[원문보기]

  • 라인그래프의 기본적 y축 오류
  • 기호 사용의 중요성 (화살표, 원, 색, 숫자 등) 혼란성을 제공
  • 원과 화살표에서 의미를 찾으려 하지만 사실 의미없는 정보
  • 사진배경의 비효율성 (차트가 제대로 보이지 않음)

이번주 불참이지만 숙제는 올려놓겠습니다 ㅠ

중앙일보 한방에 보는 그래픽 "돈보다 더 중요한 건 시간?"

중앙일보 한방에 보는 그래픽 "돈보다 더 중요한 건 시간?"

18815218_1461892207187644_9172753249878674470_o

  1. "돈보다 더 중요한 건 시간?"을 말풍선처럼 표시하고 YES를 왼쪽에 표시하고 돈이 더 중요하다는 것을 오른쪽에 표시했는데 천천히 위에서부터 보지 않으면 처음 봤을 때 차트가 명확하게 뭘 의미하는지 알아보기 힘드네요. 차라리 단순히 시간이 더 중요하다 / 돈이 더 중요하다라고 나눴으면 보기 더 좋았을 것 같아요.

  2. 돈과 시간의 양자택일 치고 중립 부분이 거의 대부분을 차지하는데, 무엇이 더 중요하다고 생각하는지 나타내는 것이 차트의 목적이라면 차라리 중립부분을 없애고 축을 가운데로 하는 butterfly chart가 더 효율적이지 않았을까 생각해 봅니다.

뉴스1, 문재인, 지역·연령별 '고른 득표'로 압도적 대선 승리

문재인, 지역·연령별 ‘고른 득표’로 압도적 대선 승리
map

  1. 출구조사 결과를 지도에 시각화
    • 의도
      1. 문후보는 지역별로 비교적 고른 득표를 보였다.
      2. TK, 경남을 제외한 지역에서 득표율 1위를 기록할 것으로 예측된다.
      3. 영,호남 간 지역 대결 구도가 희석됐다는 분석이 나온다.
    • 문제점
      1. 1위의 득표율만 보여서 격차를 보기 어렵다.
      2. 지역의 컬러를 1위 컬러로 해버리니까 중간이 없다.
      3. 지역대결 구도가 희석된 것을 보여주려면 격차를 보여주는게 더 효과적.
    • Rechart
      1. 시도별 문-홍 출구조사 격차를 명도로 사용한다.
      2. % 기준으로도 해보고, 득표수 기준으로도 해본다.
      3. 구분이 너무 안되면 5-10단계로 나눠서 구분한다.
      4. 안철수가 1위한 지역(있는진 모르겠지만)이 있다면 어떻게 표시할까?
        stack
  2. 대선후보 연령별 득표율 (출구조사 기준)
    • 의도
      1. 문 후보는 60대를 제외한 모든 연령층에서 1위를 기록할 것으로 예상됐다.
      2. 연령대별 투표 성향이 확연히 갈렸다는 해석이 나오고 있다.
    • 문제점
      1. ‘고른 득표’는 문보단 오히려 안철순데 별로 드러나지 않는다. (문,홍 구도라서 그렇겠지만..)
    • Rechart
      1. 세대별 쏠림의 정도를 반영해보자

      2. image
        격차 변화를 보여주는 방법을 생각해보다가 그려봤습니다.
        1위 후보를 바닥에 붙여서 그렸습니다.

중국 빅데이터

screen shot 2017-06-13 at 7 41 51 pm

출처 : http://www.newspim.com/news/view/20170613000264

다른 차트들은 대체적으로 잘 그리신것 같은데
이 범위와 합 표현 부분이 직관적이지 않네요.
어려운 주제인것 같은데 좋은 방법이 있을까요?

뉴시스, 공공기관 비정규직 채용 꼼수... 간접고용 5년새 30% 증가

nisi20170502_0012964266_web
뉴시스, 공공기관, 비정규직 채용 꼼수… 간접고용 5년새 30% 증가

자주 볼 수 있는 키다리 사람 그래프입니다. 이런 그래프를 왜 만드는지 볼 때마다 의문입니다만, 막대기로 그릴 줄 몰라서 그러는 건 아니라고 믿고 싶습니다.. 굳이 사람 모양을 써야겠다면 오토 노이라트의 '아이소타입'을 쓰는 건 어떨까 생각해봤습니다.
bf76ec392ff3a83171652962ec7e0d2b
아이소타입

  • 다시 그리기
  1. row, column을 바꾼다
  2. 간접고용인 1,000명을 사람그림 한개로 대치해서 표시한다.(천단위 이하는 사람을 종으로 잘라서..표시)
  3. 전년대비 또는 기준년도(2012) 대비 증가분은 다른 색으로 바꾼다.

한국 남자 9명 중 1명, 한평생 총각으로 산다

한국 남자 9명 중 1명, 한평생 총각으로 산다
생애미혼율: 50세까지 결혼 경험이 없는 미혼자 비율로, 평생 결혼하지 않을 가능성이 높다. 45-49세와 50-54세의 미혼율을 구해 이를 평균하는 방식으로 구한다. (기사내용)
2017053000269_0

  1. 지도
    • 남성과 여성 지도에서 같은 색깔이 나타내는 비율이 서로 다르다.
    • 이를 보완하기 위함인지 지도 상에 비율도 표시했는데, 범례가 불필요해지는 단점이 있다.
    • 행정구역 명칭은 굳이 안써도 될 것 같다.
  2. 라인 / 바(small multiple)
    • 한국엔 파란색, 일본엔 갈색을 일관되게 사용한 점은 구별에 도움이 된다.
    • 라인 차트에서 성별을 구분하는데 사용한 점선을 바 차트에선 쓸 수가 없다. 때문에 남성과 여성 그래프를 라벨에만 의존해서 구별해야하는 점은 보완이 필요하다.

* 단위(여기선 %)를 한 번만 표시해서 힌트를 주는 것은 보편적인 규칙인가?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.