How to Make an Interactive Map of Geographic Paths
With latitude and longitude coordinates, there are a number of ways to map geographic data using D3.js and Leaflet.
- Visualize all the point data
- Visualize the running routes by joining the points
- Use opacity to get a sense of the most popular routes
- Animate the points along the routes
- Show the routes on a interactive map
To access this full tutorial and download the source code you must be a member. (If you are already a member, log in here.)
Gain instant access to step-by-step visualization courses and tutorials for insight and presentation — all while supporting an independent site. Source code and data is included so that you can more easily apply what you learn in your own work.
Members also recieve a weekly newsletter, The Process, which looks more closely at the tools, the rules, and the guidelines and how they work in practice.
See samples of everything you gain access to:
More Tutorials See All →
How to Make a Semicircle Plot in R
It’s the half cousin of the bubble plot with less overlap and more straight edges.
How to Make an Animated Pyramid Chart in R
Make a bunch of charts, string them together like a flip book, and there’s your animation. Sometimes good for showing changes over time. Always fun to play with.
How to Make an Interactive Bar Chart With a Slider
Provide a slider for the standard bar chart so that users can shift focus to a point of interest.