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.

github rsamec / react-pathjs-chart / src / charts / ScatterplotVivus.js View on Github external
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() {
github rsamec / react-pathjs-chart / src / charts / RadarVivus.js View on Github external
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() {
github rsamec / react-pathjs-chart / src / charts / TreeVivus.js View on Github external
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() {
github rsamec / react-pathjs-chart / src / charts / BarVivus.js View on Github external
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() {
github rsamec / react-pathjs-chart / src / charts / SmoothLineVivus.js View on Github external
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() {
github rsamec / react-pathjs-chart / src / charts / PieVivus.js View on Github external
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() {
github rsamec / react-pathjs-chart / src / charts / StockLineVivus.js View on Github external
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() {
github itchio / itch / src / renderer / scenes / GateScene / LogoIndicator.tsx View on Github external
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();
        },
      });
    }
  };
github itchio / itch / src / renderer / scenes / GateScene / LogoIndicator.tsx View on Github external
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

MIT
Latest version published 2 years ago

Package Health Score

62 / 100
Full package analysis

Popular vivus functions

Similar packages