Software Quality Assurance @NTConsult and Data Science Student @fgv_emap.
Published
Edited
Oct 20, 2021
<svg width="1000" height="1000">
</svg>
<svg width="1000" height="1000">
<polygon points="300,700 700,700, 500,300" style="fill:black;stroke:black;stroke-width:3"/>
<rect x="550" y="400" width="500" height="20"/>
<rect x="570" y="420" width="500" height="20"/>
<rect x="590" y="440" width="500" height="20"/>
<rect x="600" y="460" width="500" height="20"/>
<rect x="610" y="480" width="500" height="20"/>
<rect x="620" y="500" width="500" height="20"/>
</svg>
<svg width="1000" height="1000">
<polygon points="300,700 700,700, 500,300" style="fill:black;stroke:black;stroke-width:3"/>
<rect x="550" y="400" width="500" height="20" transform="skewY(5)"/>
<rect x="570" y="420" width="500" height="20" transform="skewY(5)"/>
<rect x="590" y="440" width="500" height="20" transform="skewY(5)"/>
<rect x="600" y="460" width="500" height="20" transform="skewY(5)"/>
<rect x="610" y="480" width="500" height="20" transform="skewY(5)"/>
<rect x="620" y="500" width="500" height="20" transform="skewY(5)"/>
</svg>
<svg width="1000" height="1000" style="background:black">
<rect x="550" y="400" width="500" height="20" transform="skewY(5)" style="fill:red"/>
<rect x="570" y="420" width="500" height="20" transform="skewY(5)" style="fill:orange"/>
<rect x="590" y="440" width="500" height="20" transform="skewY(5)" style="fill:yellow"/>
<rect x="600" y="460" width="500" height="20" transform="skewY(5)" style="fill:green"/>
<rect x="610" y="480" width="500" height="20" transform="skewY(5)" style="fill:blue"/>
<rect x="620" y="500" width="500" height="20" transform="skewY(5)" style="fill:violet"/>
<polygon points="450,450 430,470 0,550 0,540" style="fill:white"/>
<polygon points="300,700 700,700 500,300" style="fill:black;stroke:white;stroke-width:3"/>
</svg>
<svg width="1000" height="1000" style="background:black" viewBox="100 200 800 500">
<rect x="550" y="400" width="500" height="20" transform="skewY(5)" style="fill:red"/>
<rect x="570" y="420" width="500" height="20" transform="skewY(5)" style="fill:orange"/>
<rect x="590" y="440" width="500" height="20" transform="skewY(5)" style="fill:yellow"/>
<rect x="600" y="460" width="500" height="20" transform="skewY(5)" style="fill:green"/>
<rect x="610" y="480" width="500" height="20" transform="skewY(5)" style="fill:blue"/>
<rect x="620" y="500" width="500" height="20" transform="skewY(5)" style="fill:violet"/>
<polygon points="450,450 430,470 0,550 0,540" style="fill:white"/>
<polygon points="300,700 700,700 500,300" style="fill:black;stroke:white;stroke-width:3"/>
</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.
