index.js
/**
     * Handle mouse down event on circle - start event of user line creation
     * @param {object} event
     */
Handle mouse down event on circle - start event of user line creation
@param {object} event
Handle mouse down event on circle - start event of user line creation @param { object } event
function onCircleMouseDown(event) {
        from = event.data.target;
        for (let i = 0;  i < circles.length; i++) {
            circles[i].on('mouseup', handleCircleUp);
            circles[i].on('mouseover', handleCircleOver);
            circles[i].on('mouseout', handleCircleOut);
        }
        from.animateScale();
    }
function onCircleMouseDown ( event ) { from = event . data . target ; for ( let i = 0 ; i < circles . length ; i ++ ) { circles [ i ] . on ( 'mouseup' , handleCircleUp ) ; circles [ i ] . on ( 'mouseover' , handleCircleOver ) ; circles [ i ] . on ( 'mouseout' , handleCircleOut ) ; } from . animateScale ( ) ; }
Handle mouse down event on circle - start event of user line creation
 @param {object} event
Handle mouse down event on circle - start event of user line creation @param { object } event
// Function render() is not neccesary, because circle scaling will do renderation