CSV 파일 불러오기
- d3 라이브러리 이용

<!-- csv 파일 불러오기 -->
<script>
d3.csv("파일명", function(data){
console.log(data);
});
</script>
D3에서 CSV파일을 로딩하면 data변수에 객체 배열로 로딩한다.

참고로 두 번째 매개변수로 들어가는 function은 비동기로 실행된다.
참조
https://curryyou.tistory.com/252
[자바스크립트] CSV to JSON 변환 출력 방법+샘플예제코드(node.js 파일 처리 포함)
| 자바스크립트로 CSV를 JSON으로 변환하는 방법 CSV는 Comma Seperated Values의 약자로, 콤마( , )로 구분된 문자열을 말합니다. 행의 항목(컬럼)들은 콤마로 구분되며, 각 행은 줄바꿈으로 구분됩니다.
curryyou.tistory.com
https://continuous-development.tistory.com/83
[WEB] D3.js 데이터 읽어오는 방법(csv,Json) - 4
CSV 파일 읽어오기 csv 파일을 읽을 때 d3.csv (경로 , function(data){}) 를 통해 csv 파일을 읽어온다. function 부분을 통해 데이터를 어떻게 할지를 정의할 수 있다. 기본 예제 ) <!doctype html> Document..
continuous-development.tistory.com
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=wideeyed&logNo=221120158854
[D3] CSV파일 읽어서 데이터 조회해보기
[D3] CSV파일 읽어서 데이터 조회해보기 D3는 CSV(Comma Separated Value) 즉 콤마로 구분된 데...
blog.naver.com
'2. Front-end > 2-3. Java Script' 카테고리의 다른 글
JS - [ 카카오 맵 API ] (0) | 2022.05.31 |
---|---|
JS - [ CSV 파일 파싱 - 카카오 맵 API에 CGV 좌표 표시 ] (0) | 2022.05.29 |
JS - [좌석 만들기] (0) | 2022.05.25 |
JS - [ 오늘부터 14일간 날짜 출력 ] (0) | 2022.05.24 |
JS - [ Swiper 라이브러리 ] (0) | 2022.05.03 |