How to use vivus - 9 common examples
To help you get started, we’ve selected a few vivus examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
rsamec / react-pathjs-chart / src / charts / ScatterplotVivus.js View on Github 
run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {run(){
if (this.refs.vivus === undefined) return;
var animate = this.props.options && this.props.options.animate || {};
new Vivus(ReactDOM.findDOMNode(this.refs.vivus), {
type: animate.type || 'delayed',
duration: animate.duration || 'delayed',
start: 'autostart',
selfDestroy: true
}, this.finish.bind(this));
}
finish() {gotEl = (el: HTMLDivElement) => {
if (el) {
new Vivus(el.id, {
file: appWhiteContour,
type: "delayed",
start: "manual",
animTimingFunction: Vivus.EASE_OUT,
onReady: vivus => {
this.vivus = vivus;
this.update();
},
});
}
};gotEl = (el: HTMLDivElement) => {
if (el) {
new Vivus(el.id, {
file: appWhiteContour,
type: "delayed",
start: "manual",
animTimingFunction: Vivus.EASE_OUT,
onReady: vivus => {
this.vivus = vivus;
this.update();
},
});
}
};vivus
JavaScript library to make drawing animation on SVG
