0
Vivus는 SVG를 애니메이션화하여 그려지는 것처럼 보이도록하는 가벼운 JavaScript 클래스 (종속성이 없음)입니다.SVG는 원하는 방식으로 그릴 수 있도록 사용자 정의 스크립트를 생성하는 옵션뿐만 아니라 다양한 애니메이션이 제공됩니다.애니메이션 유형 • 지연 : 모든 경로 요소는 시작시 약간의 지연으로 동시에 그려집니다.이것은 현재 기본 애니메이션입니다.• 동기 : 각 선이 동 기적으로 그려집니다.그것들은 모두 동시에 시작하고 끝나기 때문에 이름은 'sync'입니다.• OneByOne : 각 경로 요소가 차례로 그려집니다.이 애니메이션은 라이브 드로잉에 대한 최고의 인상을줍니다.타이밍 기능 더 많은 자유를주기 위해 각 경로 및 / 또는 전체 SVG의 애니메이션을 재정의 할 수 있습니다.CSS 애니메이션 타이밍 기능과 약간 비슷합니다.그러나 큐빅 베 지어 함수를 사용하는 대신 간단한 JavaScript 함수를 사용합니다.숫자를 매개 변수 (0-1)로 승인 한 다음 숫자 (0-1)를 리턴해야합니다.후크입니다.Scenarize이 기능을 사용하면 SVG의 애니메이션을 스크립팅 할 수 있습니다.이를 위해 사용자 정의 값은 SVG의 DOM에서 직접 설정됩니다.다음은 scenario-sync를 사용하는 예입니다.자세한 내용은 소스 코드와 readme 파일을 참조하십시오.
풍모
라이센스가있는 모든 플랫폼에서 Vivus.js를 대체
100
43
29
RAWGraphs
RAWGraphs는 누구나 복잡한 데이터를 쉽게 시각화 할 수 있도록 개발 된 오픈 소스 앱입니다.RAWGraphs는 디자이너와 전문가를위한 도구로 태어나 스프레드 시트와 벡터 그래픽 편집기 사이에 누락 된 링크를 제공하는 것을 목표로합니다.
- 무료 앱
- Web
- Self-Hosted
26
23
ember.js
기본 데이터가 변경 될 때 자동으로 업데이트되는 Ember의 Handlebars 통합 템플릿으로 더 적은 코드를 작성할 수 있습니다.
- 무료 앱
- Web
- JavaScript
21
17
Backbone.js
백본은 키-값 바인딩 및 커스텀 이벤트가있는 모델, 열거 가능한 함수의 풍부한 API가 포함 된 컬렉션을 제공하여 JavaScript가 많은 애플리케이션에 구조를 제공합니다.
- 무료 앱
- Web
16
KnockoutJS
Knockout은 깔끔한 기본 데이터 모델을 사용하여 풍부하고 반응 형 디스플레이 및 편집기 사용자 인터페이스를 만들 수있는 JavaScript 라이브러리입니다.
16
15
VideoJS
VideoJS는 브라우저가 HTML5 비디오를 지원하지 않을 때 Flash 비디오 플레이어로 대체되는 Javascript 및 CSS로 제작 된 HTML5 비디오 플레이어입니다.
- 무료 앱
- Web
- Self-Hosted
14
12
