Curious human. Interested in the mechanics of how things work.
colorLegend = function() {
return legend({
color: aircraftScale,
title: "Aircraft route replacement",
width: width
})
}
aircraft = Array.from(new Set(test_flights.map(row => row["electric_aircraft"]))).sort();
colors = /* Array */ ["#ff595e","#ffca3a","#8ac926","#1982c4","#6a4c93"]
aircraftScale = d3.scaleOrdinal(aircraft, colors);
volumeRange = d3.extent(test_flights.map(row => parseInt(row["volume"])));
linkWidth = d3.scaleLinear(volumeRange, strokewidthRange);
widthBase = "volume"
dep_lat = "dep_lat"
dep_lng = "dep_lng"
arr_lat = "arr_lat"
arr_lng = "arr_lng"
test_flights = FileAttachment("forecast-aircraft-replacement.csv").csv()
sorted_flights = test_flights.sort(function(a, b){return parseInt(b["volume"]) - parseInt(a["volume"])});
import {legend, swatches} from "@d3/color-legend"
import {rangeSlider} from '@mootari/range-slider'
import {worldMap, mapPath, mapProjection, activeColorScheme} from "b3a0a78984d6df2e"
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.
