Northeast Corridor Transit Maps
Client:
Personal work (to be released into the public domain)
Task:
Create a single transit map that shows all inter city and commuter rail in the Northeast United States, along with smaller maps showing indivudial regions and agencies.
Goals:
Show competency in creating transit maps.
Note:
Higher quality, SVG images are available on Wikimedia commons and are linked on each map
Thanks for Viewing :)
var myIndex = 0; carousel();
function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel, 2500); }
function zoomzoom() { document.getElementsByClassName('moodalegride-item').element.classList.add("imgzoom");
}
function toggleClass(element) { // Toggle between 'original' and 'modified' classes if (element.classList.contains('moodalegride-item')) { element.classList.remove('moodalegride-item'); element.classList.add('imgzoom'); } else { element.classList.remove('imgzoom'); element.classList.add('moodalegride-item'); } }
// window.onmousemove = function (e) { // var x = e.clientX, // y = e.clientY; // tptext.style.top = (y + 20) + 'px'; // tptext.style.left = (x + 20) + 'px'; // };
// MODALS //1 function openModal() { document.getElementById('modal').style.display = 'flex'; document.getElementById('overlay').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden';
}
function closeModal() { document.getElementById('modal').style.display = 'none'; document.getElementById('overlay').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 1 function openpoopyye() { document.getElementById('poopyye').style.display = 'flex'; document.getElementById('basket').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closepoopyye() { document.getElementById('poopyye').style.display = 'none'; document.getElementById('basket').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 1 function openZephyrify() { document.getElementById('Zephyrify').style.display = 'flex'; document.getElementById('Quixotique').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeZephyrify() { document.getElementById('Zephyrify').style.display = 'none'; document.getElementById('Quixotique').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 22222222222222222222222 function openSnazzleplix() { document.getElementById('Snazzleplix').style.display = 'flex'; document.getElementById('Doodleflump').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeSnazzleplix() { document.getElementById('Snazzleplix').style.display = 'none'; document.getElementById('Doodleflump').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 3 function openJambaloom() { document.getElementById('Jambaloom').style.display = 'flex'; document.getElementById('Flibberquark').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeJambaloom() { document.getElementById('Jambaloom').style.display = 'none'; document.getElementById('Flibberquark').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 4 function openGigglenoodle() { document.getElementById('Gigglenoodle').style.display = 'flex'; document.getElementById('Quizzlewump').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeGigglenoodle() { document.getElementById('Gigglenoodle').style.display = 'none'; document.getElementById('Quizzlewump').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 5 function openBlibberquish() { document.getElementById('Blibberquish').style.display = 'flex'; document.getElementById('Snugglepuff').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeBlibberquish() { document.getElementById('Blibberquish').style.display = 'none'; document.getElementById('Snugglepuff').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 6 function openZigglywump() { document.getElementById('Zigglywump').style.display = 'flex'; document.getElementById('Quibberjinx').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeZigglywump() { document.getElementById('Zigglywump').style.display = 'none'; document.getElementById('Quibberjinx').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 7 function openFluffernoodle() { document.getElementById('Fluffernoodle').style.display = 'flex'; document.getElementById('Snickerdoot').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeFluffernoodle() { document.getElementById('Fluffernoodle').style.display = 'none'; document.getElementById('Snickerdoot').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 8 function openWobbleflop() { document.getElementById('Wobbleflop').style.display = 'flex'; document.getElementById('Mizzlequack').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeWobbleflop() { document.getElementById('Wobbleflop').style.display = 'none'; document.getElementById('Mizzlequack').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 9 function openQuibblesnoot() { document.getElementById('Quibblesnoot').style.display = 'flex'; document.getElementById('Dazzlewump').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeQuibblesnoot() { document.getElementById('Quibblesnoot').style.display = 'none'; document.getElementById('Dazzlewump').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 11 function openBumbletwist() { document.getElementById('Bumbletwist').style.display = 'flex'; document.getElementById('Quaggledorf').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeBumbletwist() { document.getElementById('Bumbletwist').style.display = 'none'; document.getElementById('Quaggledorf').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 12 function openPacer() { document.getElementById('Pacer').style.display = 'flex'; document.getElementById('clipper').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closePacer() { document.getElementById('Pacer').style.display = 'none'; document.getElementById('clipper').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 13 function openLaker() { document.getElementById('Laker').style.display = 'flex'; document.getElementById('King').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeLaker() { document.getElementById('Laker').style.display = 'none'; document.getElementById('King').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 14 function openWarrior() { document.getElementById('Warrior').style.display = 'flex'; document.getElementById('Trail').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeWarrior() { document.getElementById('Warrior').style.display = 'none'; document.getElementById('Trail').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 13 function openSonic() { document.getElementById('Sonic').style.display = 'flex'; document.getElementById('Dakota').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeSonic() { document.getElementById('Sonic').style.display = 'none'; document.getElementById('Dakota').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// 14 function openKnick() { document.getElementById('Knick').style.display = 'flex'; document.getElementById('Celtic').style.display = 'flex';
// document.getElementById('EVERYTHING').style.overflow = 'hidden'; }
function closeKnick() { document.getElementById('Knick').style.display = 'none'; document.getElementById('Celtic').style.display = 'none';
// document.getElementById('EVERYTHING').style.overflow = 'initial'; }
// var $circle = $('.circle');
// function moveCircle(e) { // TweenLite.to($circle, 0.3, { // css: { // left: e.pageX, // top: e.pageY // } // }); // }
// $(window).on('mousemove', moveCircle);