background preloader

Subway Map Visualization jQuery Plugin

Subway Map Visualization jQuery Plugin
I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to create a YDN Metro Map. Once again, I was in awe of the visual clarity of this map in helping one understand the various Yahoo! University departments, offices, student groupsGovernmentOpen Source projectsInternet startups by category More examples on this blog: Ten Examples of the Subway Map Metaphor. Fast-forward to now. With these goals in mind, I started creating my jQuery plugin. Download or get it on GitHub Step-by-Step Guide Here is a guide to using the Subway Map Visualization jQuery Plugin. Demo: Here’s a demo of the finished map described in this guide. Referencing the Plugin 2. Using the Plugin HTML Markup for Plugin Map Rendering 3.

Related:  webtubeoutils pour site web

A Dead-Simple Tool That Lets Anyone Create Interactive Maps Data surrounds us. It’s everywhere, in the most micro sense (small gadgets that track calories we’ve burned, or how much water our plants need) to the most macro (analytics companies that can monitor, for instance, the health of entire populations). But there are precious few companies actively working on helping us make sense of all that data. One of them is Tableau, a software company that turns heaps of data into visualizations for the common man: teachers, doctors, journalists, you name it. To make those tools clearer and cleaner, they recently partnered with Stamen Design, to release three new map templates, which anyone can play around with by downloading Tableau’s free software. Stamen is something of a brand-name in this area, having created a wealth of data visualizations that have been endlessly lauded and studied by those in the field.

Three.js: render real world terrain from heightmap using open data Three.js is a great library for creating 3D objects and animations. In a couple of previous articles I explored this library a bit and in one of those examples I showed you how you can take GIS information (in geoJSON) format and use D3.js and three.js to convert it to a 3D mesh you can render in the browser using javascript. This is great for infographic, but it doesn't really show a real map, a real terrain. Create Your Own Transit System & Transit Map Transitmix is a new tool which allows you to design your own transit system on top of a Mapbox map. Using the map you can draw bus routes on any city’s road system, specify the frequency and times of service and find out the total estimated cost of your new bus system. Creating your own bus routes with Transitmix couldn't be easier. Just select the 'Add a line' option and start drawing on the map. Your new bus route will automatically snap to your city's road grid.

Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out.

Great Open Source Map Tools for Web Developers A long time ago, when Web 2.0 was just Web 1.0, we had to ask people for directions, copy them down, and hope we had a foldable map to help us find our way. Then along came MapQuest, followed by Google Maps in 2005. Today, it seems impossible to imagine finding our way without handheld phones and Web-based maps. Google Maps and its cousins Yahoo Maps and MapQuest have grown into integral parts of the Web. It's now odd for a website to offer an address without a map showing the location and offering directions. The mapping APIs made it easy for people to insert snippets of maps into their websites; now the maps are everywhere.

Subway Map Software With Edraw, you can quickly create the subway map using vector metro symbols. Edraw subway map software is an automatic, all-in-one solution for subway designers. Edraw is also ideal for designers who need to draw a map of other kinds of roads in the city for the following reasons. Free Download Map Software and View All Examples System Requirements Works on Windows 7, 8, XP, Vista and Citrix 6 free mobile device emulators for testing your site The percentage of all web usage that comes from smartphones and other mobile devices is growing, and it won’t be long before mobile internet users overtake desktop and laptop users in terms of web traffic. So it’s a cardinal sin to ignore mobile users when you’re developing a website. One of the most important things you can do to make a website mobile-friendly is to test it on multiple smartphone and tablet platforms. Luckily, mobile emulators make it easy to do this.

Wax We’d highly recommend you use a current version of MapBox.js rather than Wax for all future projects, and consider porting your code! Good news, everyone! MapBox has introduced MapBox.js v1, which features improved browser support, documentation, and access to a rich ecosystem of Leaflet plugins.