L = require('leaflet@1.2.0')
html`<link href='${resolve('leaflet@1.2.0/dist/leaflet.css')}' rel='stylesheet' />`
topojson = require("topojson-client@3")
ridesByDate = {
const data = await FileAttachment("BluebikeRidesByDateAndBikeType@1.csv").csv({ typed: true });;
return data.columns.slice(1)
.flatMap((type) => data.map(({ date, [type]: rides}) => ({date, type, rides})));
}
ridesByMonth = {
const data = await FileAttachment("monthlyWinterBluebikesData2022-2024").csv({ typed: true });;
return data.columns.slice(2)
.flatMap((type) => data.map(({ month, year, [type]: rides}) => ({month, year, type, rides})));
}
stations = FileAttachment("BluebikeWinter2024RidesByStationAndBikeType@1.csv").csv()
import {legend} from "@d3/color-legend"
d3 = require('d3@5.0')
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.
