# Combining Multiple SVG Elements

**URL:** https://discourse.processing.org/t/combining-multiple-svg-elements/27615
**Category:** Coding Questions
**Created:** [February 5, 2021, 11:59pm UTC](https://discourse.processing.org/t/combining-multiple-svg-elements/27615 "2021-02-05T23:59:59Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![BeneBeats](https://avatars.discourse-cdn.com/v4/letter/b/e8c25b/32.png) [@BeneBeats](https://discourse.processing.org/u/BeneBeats)
#### Post date: [February 5, 2021, 11:59pm UTC](https://discourse.processing.org/t/combining-multiple-svg-elements/27615/1 "2021-02-05T23:59:59Z")

</div>

I’m creating SVGs in Processing for pen plotting. Everything is going great until I start plotting. The test Truchet tiles I’ve created end up as separate arcs. I’ll attach some example pictures.

The output SVG looks something like this:  
[https://upload.wikimedia.org/wikipedia/commons/0/00/Truchet\_tiling.svg](https://upload.wikimedia.org/wikipedia/commons/0/00/Truchet_tiling.svg)

Everything looks seamless, but each quarter circle is it’s own individual arc. Ideally the arcs that end at the same points would be combined into a single SVG element so the pen plotter can draw each line in one seamless stroke.

However the current plot looks like this:

 ![IMG_7604](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/8b0c110e84376a6230a7a3cfc23697be039f07cf.jpeg)

You can kind of see where each arcs ends and the pen picks up and then sets itself down again.