고양이의 선호도 시각화
2024-11-08에 게시됨
검색:256
때때로 고양이의 몇 가지 선호도와 행동을 분석한 "고양이는 왜...?"라는 글을 보게 되었습니다. 그것의 시각적 디자인은 나를 매우 매료 시켰습니다. 손으로 그린 스타일과 거품 같은 레이아웃을 사용하는 것이 특징이었습니다. 게다가 사랑스러운 폰트도 만족스러웠습니다. 나는 고양이를 아주 좋아합니다. 나는 Guagua(귀엽고 어리석다는 뜻)라는 이름의 고양이를 키우고 있습니다. 마찬가지로 저는 프론트엔드 개발자입니다. 저는 AntV G6이라는 그래프 시각화 프레임워크를 개발했습니다. 그래서 이 프레임워크를 통해서도 비슷한 디자인을 이룰 수 있을 거라 생각했는데, 그렇게 되었어요!
G6는 G라는 렌더링 엔진을 기반으로 합니다. 모양을 손으로 그린 것과 같은 스타일(기본적으로 roughjs 기반)로 변환할 수 있는 플러그인을 제공합니다.
게다가 d3-hierarchy에서 제공하는 팩 레이아웃을 사용했습니다. G6의 등록 메커니즘 덕분에 다양한 타사 라이브러리에 액세스하는 것이 매우 쉽습니다.
전체 예는 고양이는 왜 할까요?에서 볼 수 있습니다.
마음에 드신다면 제 프로젝트에 별점을 주세요. 그것은 나에게 매우 중요합니다.
릴리스 선언문
이 기사는 https://dev.to/iaaron/visualize-the-preferences-of-cats-14al?1에서 복제됩니다.1 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼
더>
-
std::벡터 대 일반 배열: 성능이 실제로 중요한 경우는 언제입니까?std::벡터 대 일반 배열: 성능 평가일반적으로 std::Vector가 배열과 유사하게 작동한다고 믿고 있지만, 최근 테스트에서는 이 개념에 도전했습니다. 이 기사에서는 std::벡터와 일반 배열의 성능 차이를 조사하고 근본적인 이유를 밝힐 것입니다.테스트를 수행하기...프로그램 작성 2024년 12월 24일에 게시됨 -
`if` 문 너머: 명시적 `bool` 변환이 있는 유형을 형변환 없이 사용할 수 있는 다른 곳은 어디입니까?형변환 없이 허용되는 bool로의 상황별 변환귀하의 클래스는 bool로의 명시적 변환을 정의하여 해당 인스턴스 't'를 조건문에서 직접 사용할 수 있도록 합니다. 그러나 이 명시적인 변환은 다음과 같은 질문을 제기합니다. 캐스트 없이 't'...프로그램 작성 2024년 12월 24일에 게시됨
-
데이터를 삽입할 때 \"일반 오류: 2006 MySQL 서버가 사라졌습니다\"를 수정하는 방법은 무엇입니까?레코드를 삽입하는 동안 "일반 오류: 2006 MySQL 서버가 사라졌습니다"를 해결하는 방법소개:MySQL 데이터베이스에 데이터를 삽입하면 "일반 오류: 2006 MySQL 서버가 사라졌습니다."라는 오류가 발생할 수 있습니다. 이...프로그램 작성 2024년 12월 24일에 게시됨
-
고유 ID를 유지하고 중복 이름을 처리하면서 PHP에서 두 개의 연관 배열을 어떻게 결합합니까?PHP에서 연관 배열 결합PHP에서는 두 개의 연관 배열을 단일 배열로 결합하는 것이 일반적인 작업입니다. 다음 요청을 고려하십시오.문제 설명:제공된 코드는 두 개의 연관 배열 $array1 및 $array2를 정의합니다. 목표는 두 배열의 모든 키-값 쌍을 통합하는 ...프로그램 작성 2024년 12월 24일에 게시됨
-
Bootstrap 4 베타의 열 오프셋은 어떻게 되었나요?Bootstrap 4 베타: 열 오프셋 제거 및 복원Bootstrap 4는 베타 1 릴리스에서 열 오프셋 방식에 중요한 변경 사항을 도입했습니다. 열이 오프셋되었습니다. 그러나 후속 베타 2 릴리스에서는 이러한 변경 사항이 취소되었습니다.offset-md-*에서 ml-...프로그램 작성 2024년 12월 24일에 게시됨
-
배정밀도에 광고된 15자리보다 소수 자릿수가 더 많은 것으로 나타나는 이유는 무엇입니까?이중 정밀도 및 소수 자릿수 정확도컴퓨터 프로그래밍에서 배정밀도 데이터 유형은 대략 소수점 이하 15자리의 정밀도를 갖는 것으로 가정되는 경우가 많습니다. 그러나 1.0/7.0과 같은 특정 숫자 표현은 변수 내에서 내부적으로 표현될 때 더 정확해 보입니다. 이 문서에서...프로그램 작성 2024년 12월 24일에 게시됨
-
macOS의 Django에서 \"부적절하게 구성됨: MySQLdb 모듈 로드 오류\"를 수정하는 방법은 무엇입니까?MySQL이 잘못 구성됨: 상대 경로 문제Django에서 python prepare.py runserver를 실행할 때 다음 오류가 발생할 수 있습니다:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Libra...프로그램 작성 2024년 12월 24일에 게시됨
-
실시간 통신을 위해 Go에서 WebSocket 사용채팅 애플리케이션, 실시간 알림, 협업 도구 등 실시간 업데이트가 필요한 앱을 구축하려면 기존 HTTP보다 더 빠르고 대화형인 통신 방법이 필요합니다. 이것이 바로 WebSockets가 필요한 곳입니다! 오늘은 Go에서 WebSocket을 사용하여 애플리케이션에 실시간...프로그램 작성 2024년 12월 24일에 게시됨
-
MySQL을 사용하여 오늘 생일을 가진 사용자를 어떻게 찾을 수 있습니까?MySQL을 사용하여 오늘 생일을 가진 사용자를 식별하는 방법MySQL을 사용하여 오늘이 사용자의 생일인지 확인하려면 생일이 일치하는 모든 행을 찾는 것이 포함됩니다. 오늘 날짜. 이는 UNIX 타임스탬프로 저장된 생일을 오늘 날짜와 비교하는 간단한 MySQL 쿼리를 ...프로그램 작성 2024년 12월 24일에 게시됨
-
화살표 함수의 암시적 반환과 명시적 반환: 중괄호는 언제 필요한가요?화살표 함수의 중괄호: 묵시적 반환과 명시적 반환화살표 함수는 중괄호를 사용하거나 사용하지 않고 두 가지 방법으로 작성할 수 있습니다. 중괄호가 없으면 함수 본문은 "간결한 본문"으로 간주되며 그 안의 마지막 표현식이 암시적으로 반환됩니다.간결한 본문...프로그램 작성 2024년 12월 24일에 게시됨
-
`transform: scale()`을 사용한 후 Chrome에서 내 텍스트가 흐릿해지는 이유는 무엇입니까?변환 후 Chrome의 텍스트 흐림: scale()최근 Chrome 업데이트에서 CSS 변환을 사용하여 텍스트가 렌더링되는 특이한 문제가 나타났습니다. : scale() 속성이 흐릿하게 나타납니다. 이 문제는 다음 특정 코드를 사용할 때 관찰되었습니다.@-webkit-...프로그램 작성 2024년 12월 24일에 게시됨
-
GoLang에서 MDC 로깅을 어떻게 구현할 수 있나요?GoLang의 MDC 로깅Java의 MDC 로깅은 GoLang에서 사용할 수 없는 스레드 로컬 저장소를 사용합니다. 그러나 스택을 통해 컨텍스트를 스레딩하면 비슷한 기능을 얻을 수 있습니다.Java MDC는 Go에는 없는 스레드 로컬 저장소를 사용합니다. 가장 가까운 ...프로그램 작성 2024년 12월 23일에 게시됨
-
루프 내에서 난수가 일관적인 이유는 무엇입니까?반복 시 일관된 난수 이해제공된 코드 조각에서는 루프 반복 내에서 생성된 난수가 일관되게 유지되는 것으로 관찰됩니다. 특히 'carSetter' 및 'decider' 변수는 고유한 값 생성을 목표로 하는 루프에도 불구하고 15번의 반복에서 ...프로그램 작성 2024년 12월 23일에 게시됨
-
Java에서 InputMismatchException을 처리할 때 무한 루프를 방지하는 방법은 무엇입니까?InputMismatchException이 포함된 try/catch 블록의 무한 루프: 솔루션Try에서 InputMismatchException을 처리할 때 Java 프로그램에서 무한 루프가 발생합니다. /catch는 사용자로부터 정수 입력을 받는 동안 블록을 차단합니...프로그램 작성 2024년 12월 23일에 게시됨
-
결과 행이 없는 쿼리에 대해 Go에서 `DB.exec()` 또는 준비된 문을 사용해야 합니까?Golang에서 *DB.exec() 및 준비된 문 사용에 대한 수수께끼 해독소개영역 내 Go와 Postgresql을 사용하여 데이터베이스를 조작하는 과정에서 계속되는 질문이 제기됩니다. DB.exec() 또는 Go가 생성을 자동화하는 것처럼 보일 때 준비된 진술? 이 ...프로그램 작성 2024년 12월 23일에 게시됨
중국어 공부
- 1 "걷다"를 중국어로 어떻게 말하나요? 走路 중국어 발음, 走路 중국어 학습
- 2 "비행기를 타다"를 중국어로 어떻게 말하나요? 坐飞机 중국어 발음, 坐飞机 중국어 학습
- 3 "기차를 타다"를 중국어로 어떻게 말하나요? 坐火车 중국어 발음, 坐火车 중국어 학습
- 4 "버스를 타다"를 중국어로 어떻게 말하나요? 坐车 중국어 발음, 坐车 중국어 학습
- 5 운전을 중국어로 어떻게 말하나요? 开车 중국어 발음, 开车 중국어 학습
- 6 수영을 중국어로 뭐라고 하나요? 游泳 중국어 발음, 游泳 중국어 학습
- 7 자전거를 타다 중국어로 뭐라고 하나요? 骑自行车 중국어 발음, 骑自行车 중국어 학습
- 8 중국어로 안녕하세요를 어떻게 말해요? 你好중국어 발음, 你好중국어 학습
- 9 감사합니다를 중국어로 어떻게 말하나요? 谢谢중국어 발음, 谢谢중국어 학습
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
