D3.js-구분 기호로 구분 된 값 API

구분 기호는 일반 텍스트 또는 기타 데이터에서 개별 독립 영역 간의 경계를 지정하는 데 사용되는 하나 이상의 문자 시퀀스입니다. 필드 구분 기호는 쉼표로 구분 된 값의 시퀀스입니다. 음, 구분 기호로 구분 된 값은comma separated values (CSV) 또는 tab-separated values(TSV). 이 장에서는 구분 기호로 구분 된 값에 대해 자세히 설명합니다.

API 구성

다음 구문을 사용하여 API를 쉽게로드 할 수 있습니다.

<script src = "https://d3js.org/d3-dsv.v1.min.js"></script>
<script>
   var data = d3.csvParse(string);
</script>

API 메서드

다음은 구분 기호로 구분 된 값의 다양한 API 메서드입니다.

d3.csvParse (문자열 [, 행])
d3.csvParseRows (문자열 [, 행])
d3.csvFormat (행 [, 열])
d3.csvFormatRows(rows)
d3.tsvParse (문자열 [, 행])
d3.tsvParseRows (문자열 [, 행])
d3.tsvFormat (행 [, 열])
d3.tsvFormatRows(rows)

이러한 각 API 메서드를 자세히 살펴 보겠습니다.

d3.csvParse (문자열 [, 행])

이 메서드는 csv 형식을 구문 분석하는 데 사용됩니다. 파일 고려data.csv 아래에 나와 있습니다.

year,population
2006,40
2008,45
2010,48
2012,51
2014,53
2016,57
2017,62

이제 위에서 주어진 함수를 적용 할 수 있습니다.

Example − 다음 예를 살펴 보겠습니다.

var data = d3.csvParse(string, function(d) {
   return {
      year: new Date(+d.Year, 0, 1), // lowercase and convert "Year" to Date
      population: d.population
   };
});

여기서는 구분 기호로 구분 된 값에서 지정된 문자열을 구문 분석합니다. 구문 분석 된 행을 나타내는 객체 배열을 반환합니다.

d3.csvParseRows (문자열 [, 행])

이 메서드는 행에 해당하는 csv 형식을 구문 분석하는 데 사용됩니다.

var data = d3.csvParseRows(string, function(d, i) {
   return {
      year: new Date(+d[0], 0, 1), // convert first colum column to Date
      population: d[1],
   };
});

csv 파일의 각 행을 구문 분석합니다.

d3.csvFormat (행 [, 열])

이 방법은 csv 행과 열의 형식을 지정하는 데 사용됩니다.

Example − 다음 예를 살펴 보겠습니다.

var string = d3.csvFormat(data, ["year", "population"]);

여기에서 열이 지정되지 않은 경우 머리글 행을 구성하는 열 이름 목록은 행의 모든 개체에 대한 모든 속성의 합집합에 의해 결정됩니다. 열이 지정되면 열 이름을 나타내는 문자열 배열입니다.

d3.csvFormatRows (행)

이 방법은 csv 행을 형식화하는 데 사용됩니다.

Example − 다음 예를 살펴 보겠습니다.

var string = d3.csvFormatRows(data.map(function(d, i) {
   return [
      d.year.getFullYear(), // Assuming d.year is a Date object.
      d.population
   ];
}));

여기에서 지정된 문자열 행 배열을 구분 기호로 구분 된 값으로 형식화하여 문자열을 반환합니다.