Public
Edited
Apr 22
viewof mas = multiAutoSelect({
options: pointsLookup,
submit: "GUESS",
size: 26,
placeholder: "Select an airport"
//value: ["California", "Washington"]
})
mas
pointsLookup2 = Object.keys(data).map(function (key) {
let row = data[key];
return `${key} - ${row.name} (${row.city_name}, ${row.country})`;
})
pointsLookup = train_stations_europe.map((d) => {
return `${d.uic} - ${d.name_norm} (${d.country})`;
})
train_stations_europe.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
goals = {
const formatYearAndDate = d3.timeFormat("%Y %j");
const yearAndDate = parseInt(
formatYearAndDate(Date.now()).split(" ").join("")
);
return {
goalWords: d3
.shuffler(d3.randomLcg(yearAndDate))(pointsLookup.slice())
.slice(0, 1)
};
}
orig = airports.filter((d) => d.name === goals.goalWords[0])[0]
orig2 = points.filter((d) => d.name === goals.goalWords[0])[0]
import { multiAutoSelect } from "@cadasa/shape"
import { View } from "@mbostock/synchronized-views"
mutable destination = []
turf = require("@turf/turf")
viewof route2 = new View({})
gnbyname = new Map(mas.map((value, key) => [value, key + 1]))
myairports = FileAttachment("myairports.json").json()
data = fetch(
`https://raw.githubusercontent.com/Jonty/airline-route-data/main/airline_routes.json`
).then((response) => response.json())
airports = train_stations_europe.map((d) => {
return {
code: d.uic,
name: `${d.uic} - ${d.name_norm} (${d.country})`,
lat: +d.latitude,
lon: +d.longitude
};
})
import { radio, button } from "@jashkenas/inputs"
mapboxgl = {
const gl = require("mapbox-gl@2");
if (!gl.accessToken) {
// token allowed only this Observable
gl.accessToken =
"pk.eyJ1IjoidG9mZmkiLCJhIjoiY2lvMDBxMzR3MDB1eHZza2x4NGI2YjI5OSJ9.IEaNA05pWbT92nOu-lEOYw";
const href = await require.resolve("mapbox-gl@2/dist/mapbox-gl.css");
document.head.appendChild(html`<link href=${href} rel=stylesheet>`);
}
return gl;
}
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.
