---
title: Basic rendering in SVG
---

<p>Call the <b>makerjs.exporter.toSVG</b> function and pass your path as a parameter:</p>

{% highlight javascript %}
//renders a line

var makerjs = require('makerjs');

var line = { 
  type: 'line', 
  origin: [0, 0], 
  end: [50, 50] 
 };
 
var svg = makerjs.exporter.toSVG(line);

document.write(svg);
{% endhighlight %}

<script>
    LiveDoc.evalLastCode();
</script>

<p>You may also call <b>makerjs.exporter.toSVG</b> with an array of paths as a parameter:</p>

{% highlight javascript %}
//renders a line and a circle

var makerjs = require('makerjs');

var line = { 
  type: 'line', 
  origin: [0, 0], 
  end: [50, 50] 
 };

var circle = { 
  type: 'circle', 
  origin: [0, 0],
  radius: 50
 };

var pathArray = [ line, circle ];

var svg = makerjs.exporter.toSVG(pathArray);

document.write(svg);
{% endhighlight %}

<script>
    LiveDoc.evalLastCode();
</script>