// tlDateFormat = d3.timeFormat("%a, %b %e"); // Timeline Tooltip Date Format
tlDateFormat = d3.timeFormat("%a, %b %e %Y"); // Timeline Tooltip Date Format
eventTip = d3.select("body").append("div").attr("class", "toolTip eventTip");
// Formats
// Moving Average Function from @d3/moving-average
// Dateset with moveing average processed and separate map by date for tooltip value lookup
// Primary Data Object
// Array to map the longer column heading on the source file to more usable ids
// Custom data dictionary to hold labels and color information for each more.
// Raw data file that MTA hosts
// Lighten/Darker color functions
// https://css-tricks.com/snippets/javascript/lighten-darken-color). - Wasn't working on some lighter colors
// https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors) > Requries rgb color
// Custom force to handle rectangle collision on the force label placement
// slightly modified version of https://observablehq.com/@bumbeishvili/input-groups
// imported observable componenets
import {rangeSlider} from "@mootari/range-slider"
// load d3
d3 = require("d3@6")
md`### !! Unsued or in development components`
// Previous Select Option for Ridership Chart
// Non working select elements. Decided to use @jashkenas/inputs instead
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.
