![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fy2llC%2Fbtsf3QiaIpa%2F5bZYdBbYjtCOkQAyTfrEZK%2Fimg.png)
[Dev, Javascript] D3 예제 - 라인 차트(Line Chart)
·
Dev/Web
D3로 데이터를 조작하다 보면, 이게 마치 SQL을 다루는 듯한 느낌이 든다. 그도 그럴 것이, 주어진 데이터를 가공하여 원하는 데이터만을 뽑아내는 과정도 비슷하고, select 같은 문법도 주로 쓰이기 때문이다.이번 시간에는 주어진 csv파일을 가공하여 2차원 그래프에 나타내 위와 같은 최종본을 완성시킬 것이다. 해당 그림은 예시이고, 필터링하는 부분에서 요구하는 조건이 살짝 다르다. csv파일은 country_code, country_name, year, value의 키 값으로 이루어진 딕셔너리를 요소로 가진 배열을 담고 있다. 학습 목표1. 국가별로 모아서(group) value의 최댓값과 최솟값을 차이를 구한다. 2. 최댓값과 최솟값의 차이가 큰 상위 다섯 국가를 고른다. 3. 년도별로 이들의 v..