node package manager
It’s your turn. Help us improve JavaScript. Take the 2017 JavaScript Ecosystem Survey »

vue-interactive-graphics

vue-interactive-graphics principles

Vue-interactive-graphics component allows to manipulate easily geometric objects by drag and two way data-binding. Under the hood, it uses d3.js.

principles

  • layers : vue-interactive-graphics is given a list of layers. Each layer can be interpreted as a group element (g) in SVG. Each layer contains geometric elements like lines, rectangles, circles, text etc.
  • geometric element : Each geometric element is composed of display properties according to its type and coordinates.
  • scaling factor : According to component size and drawing size, dimentions are scaled.