Skip to content

Instantly share code, notes, and snippets.

@mbostock

mbostock/.block Secret

Last active Feb 9, 2016
Embed
What would you like to do?
Lines with Rounded Turns
license: gpl-3.0
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.line {
fill: none;
stroke-width: 1.5px;
}
.one {
stroke: steelblue;
}
.one-two {
stroke: steelblue;
stroke-dasharray: 2,2;
}
.two {
stroke: brown;
}
</style>
<svg width="960" height="500">
<path class="line one" d="M100,100V190"></path>
<path class="line one-two" d="M100,190a10,10 0 0 0 10,10H190a10,10 0 0 1 10,10"></path>
<path class="line two" d="M200,210V300"></path>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment