Published
Edited
Sep 7, 2021
2 stars
SVG Composition Challenge
<svg version="1.1" x="0px" y="0px" viewBox="0 0 500 310">
<style type="text/css">
.black-line{fill:none; stroke:#000000; stroke-width:10}
.white-line{fill:none; stroke:#fff; stroke-width:10}
</style>
<line class="black-line" x1="0" y1="5" x2="340" y2="5"/>
<line class="black-line" x1="0" y1="25" x2="340" y2="25"/>
<line class="black-line" x1="0" y1="45" x2="340" y2="45"/>
<line class="black-line" x1="0" y1="65" x2="340" y2="65"/>
<line class="black-line" x1="0" y1="85" x2="340" y2="85"/>
<line class="black-line" x1="0" y1="105" x2="340" y2="105"/>
<line class="black-line" x1="0" y1="125" x2="340" y2="125"/>
<line class="black-line" x1="0" y1="145" x2="340" y2="145"/>
<line class="black-line" x1="0" y1="165" x2="340" y2="165"/>
<line class="black-line" x1="0" y1="185" x2="340" y2="185"/>
<line class="black-line" x1="0" y1="205" x2="340" y2="205"/>
<line class="black-line" x1="0" y1="225" x2="340" y2="225"/>
<line class="black-line" x1="0" y1="245" x2="340" y2="245"/>
<line class="black-line" x1="0" y1="265" x2="340" y2="265"/>
<line class="black-line" x1="0" y1="285" x2="340" y2="285"/>
<line class="black-line" x1="0" y1="305" x2="340" y2="305"/>
<line class="black-line" x1="0" y1="325" x2="340" y2="325"/>
<line class="black-line" x1="0" y1="345" x2="340" y2="345"/>
<line class="black-line" x1="345" y1="0" x2="345" y2="500"/>
<line class="black-line" x1="5" y1="0" x2="5" y2="500"/>
<line class="black-line" x1="270" y1="100" x2="270" y2="200"/>
<line class="black-line" x1="250" y1="100" x2="250" y2="200"/>
<line class="black-line" x1="230" y1="100" x2="230" y2="200"/>
<line class="black-line" x1="210" y1="45" x2="210" y2="270"/>
<line class="black-line" x1="190" y1="45" x2="190" y2="270"/>
<line class="black-line" x1="170" y1="45" x2="170" y2="270"/>
<line class="black-line" x1="150" y1="45" x2="150" y2="270"/>
<line class="black-line" x1="130" y1="45" x2="130" y2="270"/>
<line class="black-line" x1="110" y1="100" x2="110" y2="200"/>
<line class="black-line" x1="90" y1="100" x2="90" y2="200"/>
<line class="black-line" x1="70" y1="100" x2="70" y2="200"/>
<line class="white-line" x1="80" y1="110" x2="80" y2="200"/>
<line class="white-line" x1="100" y1="110" x2="100" y2="200"/>
<line class="white-line" x1="120" y1="110" x2="120" y2="200"/>
<line class="white-line" x1="140" y1="50" x2="140" y2="260"/>
<line class="white-line" x1="160" y1="50" x2="160" y2="260"/>
<line class="white-line" x1="180" y1="50" x2="180" y2="260"/>
<line class="white-line" x1="200" y1="50" x2="200" y2="260"/>
<line class="white-line" x1="220" y1="110" x2="220" y2="200"/>
<line class="white-line" x1="240" y1="110" x2="240" y2="200"/>
<line class="white-line" x1="260" y1="110" x2="260" y2="200"/>
</svg>
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
