Published
Edited
May 31, 2021
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Inputs.table(ordereddata)
Insert cell
// tab = {
// if (ordereddata.length !== 0) {
// return table(ordereddata, {
// sortable: true,
// columns: {
// dataset: {
// formatter(val) {
// // console.log(val);
// // Formatters can also return HTML values! Here’s
// // one that highlights first names.
// // let parts = val.match(/([^,]*)\,(.*)/);
// return html`
// <strong>${val}</strong>`;
// }
// }
// }
// });
// }
// }
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
url = (
x,
y,
z
) => `https://api.mapbox.com/styles/v1/mapbox/light-v10/tiles/${z}/${x}/${y}${
devicePixelRatio > 1 ? "@2x" : ""
}?access_token=pk.eyJ1IjoibWF0YnJvd25oYWthaSIsImEiOiJjanQ0cGlzYmQwMHNjNDNvNWVrODAyYWI5In0.kc6L3DX6mqjJlLbyxWDEzA
`
Insert cell
height = 550
Insert cell
initialCenter = [-122 - 40 / 60, 48 + 50 / 60]
Insert cell
topojson = require("topojson-client@3")
Insert cell
d3 = require("d3@5", "d3-tile@1", "d3-hexbin")
Insert cell
ctd
Insert cell
erddap_url1
Insert cell
import { ctd } with { erddap_url1 as erddap_url } from 'd3be428916c5ecd4'
Insert cell
import { table, titanicData } from "@tmcw/tables@513"
Insert cell
import { text } from "@jashkenas/inputs"
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