The avatar for @jyoo980
James Yoo
Interested in software design and evolution, tools for software engineering, and SE education
Published
Edited
Dec 11, 2020
Fork of Changes in our mobility – Transit
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// {
// transitDataMap.set("ab", mapEntry(d3_transit_data_ab, d3.schemeTableau10[0]));
// transitDataMap.set("bc", mapEntry(d3_transit_data_bc, d3.schemeTableau10[1]));
// transitDataMap.set("sk", mapEntry(d3_transit_data_sk, d3.schemeTableau10[2]));
// transitDataMap.set("mb", mapEntry(d3_transit_data_mb, d3.schemeTableau10[3]));
// transitDataMap.set("on", mapEntry(d3_transit_data_on, d3.schemeTableau10[4]));
// transitDataMap.set("qc", mapEntry(d3_transit_data_qc, d3.schemeTableau10[5]));
// transitDataMap.set("nl", mapEntry(d3_transit_data_nl, d3.schemeTableau10[6]));
// transitDataMap.set("nb", mapEntry(d3_transit_data_nb, d3.schemeTableau10[7]));
// transitDataMap.set("pe", mapEntry(d3_transit_data_pe, d3.schemeTableau10[8]));
// transitDataMap.set("yk", mapEntry(d3_transit_data_yk, d3.schemeTableau10[9]));
// // We only have up to 10 colors for Tableau
// transitDataMap.set("nt", mapEntry(d3_transit_data_nt, "red"));
// transitDataMap.set("nv", mapEntry(d3_transit_data_nv, "black"));
// }
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
endDateOnSlider = timeScale.invert(range[1])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`### Inspiration/Sources
* https://www.d3-graph-gallery.com/graph/line_basic.html
* https://observablehq.com/@d3/line-chart
* https://www.d3-graph-gallery.com/graph/interactivity_tooltip.html
* https://github.com/d3/d3-time-format
* https://observablehq.com/@mootari/range-slider
* https://www.d3-graph-gallery.com/graph/interactivity_button.html
`
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