Published
Edited
May 3, 2021
Insert cell
Insert cell
d3 = require("d3")
Insert cell
arbres = d3.json("https://opendata.paris.fr/api/records/1.0/search/?dataset=arbresremarquablesparis&q=&facet=libellefrancais&facet=genre&facet=espece&facet=stadedeveloppement&facet=varieteoucultivar&facet=dateplantation")
Insert cell
html`<table>
<thead>
<tr><th>Adresse</th><th>Espèce</th></tr>
</thead>
<tbody id = "table">
</tbody>
</table>`
Insert cell
d3.select("#table").selectAll("tr")
.data(arbres.records)
.enter()
.append("tr")
.html(a => "<td>" + a.fields.adresse + "</td><td>" + a.fields.espece + "</td>");
Insert cell

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.
Learn more