type String (default: "rectangle")

Specifies the type of the Shape using any of the built-in shape type.

  • "rectangle": this is the default option, representing a SVG Rectangle
  • "circle" : a SVG circle/ellipse

Example - creating a circle shape

<div id="diagram"></div>
<script>
  var Shape = kendo.dataviz.diagram.Shape;
  $("#diagram").kendoDiagram();
  var diagram = $("#diagram").data("kendoDiagram");

  var shape = new Shape({
    id: 1,
    x: 20,
    y: 20,
    fill: "#c0f0fc",
    type: "circle"
  });
  diagram.addShape(shape);
</script>
In this article