d3.FormatSpecifier d3.FormatSpecifier 는 다양한 포맷 관련 옵션들을 인자로 받아 specifier 을 얻도록 해주는 클래스 입니다. 그렇기 때문에 d3.format 함수와 같이 사용될 수 있습니다. 예제 먼저 typescript 코드를 다음과 같이 작성합니다. import * as d3 from 'd3'; window.addEventListener('load', function() { const formatSpecifier = new d3.FormatSpecifier({ align: '^', comma: true as any, // boolean 값이 맞으나, @type 에는 string 으로 지정되어 있어 as any 를 붙였습니다. fill: '', precision: ..

d3.Delaunay d3.Delaunay 는 "2차원 점 집합의 Voronoi 다이어그램을 계산하기 위한 라이브러리" 라고 합니다. * Voronoi 다이어그램 : 평면에 놓인 점들을 기준으로 수학적 공식을 적용하여 다각형을 이루는 영역으로 채워진 그림 예제 먼저 html 파일의 내용을 다음과 같이 작성합니다. css 는 다음과 같이 작성합니다. .box { width: 400px; height: 400px; display: block; margin: 20px; padding: 0; position: relative; border: 1px solid #ccc; } js 파일은 다음과 같이 작성합니다. window.addEventListener('load', function() { // canvas 의 ..

d3.Adder d3.Adder 는 JavaScript의 + 연산자에 의존하는 대신 IEEE 754 부동 소수점 숫자에 대한 전체 정밀도 가산을 해주는 기능을 한다고 합니다. 예제 아래는 예제 코드입니다. const adder = new d3.Adder(); const value1 = 0.031333333333233333; const value2 = 0.139999999999000001; const value3 = 0.333333333333333331; adder.add(value1); adder.add(value2); adder.add(value3); console.log(`sum `, value1 + value2 + value3); console.log(`adder.valueOf()`, adder.v..