html`<!DOCTYPE HTML>
<html>
<body>
<!-- Insert Heading here-->
<br>
<!-- Insert Name here-->
<br>
<!-- Insert Bio here-->
<br>
<!-- Insert Data Viz goals here-->
<!-- Insert Contact Me section here-->
</body>
</html>`
html`<!DOCTYPE HTML>
<html>
<head>
<style>
<!--put your styles here!-->
<!--CSS has java-style comments-->
</style>
</head>
<body>
<!--*Copy-Paste the contents for the body here-->
</body>
</html>
`
html`<!DOCTYPE HTML>
<html>
<body>
<svg width="" height="">
<!-- Insert Circle here-->
</svg>
<br>
<svg width="" height="">
<!-- Insert Rectangle here-->
</svg>
<br>
<svg width="" height="">
<!-- Insert line here-->
</svg>
</body>
</html>
`
html`<!DOCTYPE HTML>
<html>
<body>
<svg height = "100" width = "200" >
<!-- Insert code for circle 1, center the circle at 40,40 -->
<!-- Insert code for circle 2, center the circle at 60,60 -->
</svg>
<svg height = "100" width = "200" >
<!-- Use the g tag to inherit presentation attributes -->
<g fill="" stroke="" stroke-width="">
<!-- Insert code for circle 1, center the circle at 40,40 -->
<!-- Insert code for circle 2, center the circle at 60,60 -->
</g>
</svg>
</body>
</html>
`
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.
