> 웹 프론트엔드 > JS 튜토리얼 > 고양이의 선호도 시각화

고양이의 선호도 시각화

WBOY
풀어 주다: 2024-09-03 15:02:57
원래의
550명이 탐색했습니다.

가끔 고양이의 몇 가지 선호도와 행동을 분석한 "고양이는 왜...?"라는 글을 본 적이 있습니다. 그것의 시각적 디자인은 나를 매우 매료 시켰습니다. 손으로 그린 ​​스타일과 거품 같은 레이아웃을 사용하는 것이 특징입니다. 게다가 사랑스러운 폰트도 만족스러웠습니다. 나는 고양이를 아주 좋아합니다. 나는 Guagua(귀엽고 어리석다는 뜻)라는 이름의 고양이를 키우고 있습니다. 마찬가지로 저는 프론트엔드 개발자입니다. 저는 AntV G6이라는 그래프 시각화 프레임워크를 개발했습니다. 그래서 이 프레임워크를 통해서도 비슷한 디자인을 얻을 수 있을 거라 생각했는데, 실제로 그렇게 되었어요!

Visualize the preferences of cats

G6는 G라는 렌더링 엔진을 기반으로 합니다. 모양을 손으로 그린 ​​것과 같은 스타일(기본적으로 roughjs 기반)로 변환할 수 있는 플러그인을 제공합니다.

Visualize the preferences of cats

게다가 d3-hierarchy에서 제공하는 팩 레이아웃을 사용했습니다. G6의 등록 메커니즘 덕분에 다양한 타사 라이브러리에 매우 쉽게 액세스할 수 있습니다.

Visualize the preferences of cats

전체 예는 고양이는 왜 할까요?에서 볼 수 있습니다.

마음에 드셨다면 제 프로젝트에 별점을 주세요. 그것은 나에게 매우 중요합니다.

위 내용은 고양이의 선호도 시각화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿