Vue-interactive-graphics component allows to manipulate easily geometric objects by drag and two way data-binding. Under the hood, it uses d3.js.
- 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
- scaling factor : According to component size and drawing size, dimentions are scaled.