Published
Edited
Mar 22, 2018
next5LaunchData = d3.json("https://launchlibrary.net/1.3/launch/next/5")
html`
<!-- This is a style sheet - see the structure - <style> ... </style> are the start and end markers -->
<style>
table, tr, td { border: 1px solid red }
</style>
<!-- This is the table itself (notice the ability to add extra styling for this table alone in the header -->
<table style="color:blue">
<tr>
<th>ID</th>
<th>Rocket name</th>
</tr>
${ launches.map( launch => `
<tr>
<td>${launch.id}</td>
<td>${launch.name}</td>
</tr>`
) }
</table>
`
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.
