Flint - AI 시대를 위한 시각화 언어

1 hour ago 1

Flint는 데이터 필드의 의미를 바탕으로 파싱·축·서식·색상을 자동 결정해, 저수준 설정 없이 차트를 만들고 수정할 수 있는 시각화 언어임 Rank, YearMonth, Delta, Temperature 같은 의미 타입(semantic type) 으로 시각 인코딩에 필요한 세부 구성을 추론함 탄력적 레이아웃 모델과 뱅킹 원칙으로 크기·간격·배치를 조정하며, 차트가 늘어나면 캔버스를 확장하고 밴드 폭을 줄여 밀집된 구성에 대응함 Vega-Lite, ECharts, Chart.js, Plotly에서 50개 차트 유형을 지원하고, Office.js를 통해 편집 가능한 네이티브 Excel 차트도 생성함 하나의 인터페이스에서 백엔드를 전환하며 ECharts의 계층형 선버스트, Plotly의 통계·분석 트레이스, Excel의 워크북 내 편집 기능 등 각 도구의 강점을 활용할 수 있음 의미 기반 명세와 자동 최적화 Flint는 Rank, YearMonth, Delta, Temperature처럼 데이터 필드의 뜻을 나타내는 의미 타입으로 파싱, 척도, 축, 서식, 색상 체계를 추론함 게임별·월별 순 신규 사용자 증감을 나타내는 히트맵에서는 game을 Category, period를 YearMonth, newUsers를 Profit으로 지정함 지정된 의미에 따라 시간 값 파서와 축 서식, 발산형 색상 체계, 중간점을 자동 결정함 자동 레이아웃 최적화에는 탄력적 레이아웃 모델과 뱅킹 원칙을 적용해 캔버스에 맞게 크기·간격·배치를 동적으로 관리함 그룹형 막대 차트가 희소한 5 × 3 구성에서 밀집된 22 × 3 구성으로 늘어나면 캔버스를 확장하고 밴드 폭을 줄임 스프링이 확장 가능한 컨테이너 안에서 자리를 잡는 것과 유사한 방식임 취약한 저수준 매개변수를 직접 다루지 않고 차트 유형 전환과 시각 인코딩 재연결만으로 디자인을 바꿀 수 있음 2000년 미국 인구조사의 성별·연령별 인구 분포를 나타낸 패싯 막대 차트는 차트 유형만 바꾸면 피라미드 차트로 전환되며, 나머지 저수준 설정은 컴파일러가 처리함 백엔드 지원과 최근 릴리스 Vega-Lite, ECharts, Chart.js, Plotly 전반에서 50개 차트 유형을 지원하며, 갤러리에는 백엔드별 예제 121개가 있음 통합 인터페이스가 백엔드마다 다른 API와 프로그래밍 모델을 감춤 ECharts는 계층형 선버스트, Plotly는 통계·분석 트레이스에 활용할 수 있음 Office...

Read Entire Article