background preloader

Leaflet - a JavaScript library for interactive maps

Related:  Storymapsdata visualisationCartographie

Mapping Cinematographic Territories Adam’s Wall (director Michael MacKenzie, 2008) This tutorial is a step-by-step guide to help anyone map her own narrative through our AtlasCine application and share it with friends, family and colleagues (see examples here: A more detailed description of this application is also available in the following paper “How can we map stories? A cybercartographic application for narrative cartography” (2014) by S. Caquard and J.P Fiset. This application has been developed using a range of software (Open Source and Proprietary), including Google Drive.

jaret timebars - jaret timebars (gantt chart and timeline widget/control for SWT and Swing) The jaret timebars package contains a viewer for a data model containing rows of intervals. The viewer displays the intervals in a Gantt chart fashion. The viewer is implemented for Swing and the SWT toolkit using a delegate for most of the work. 20 superb data visualisation tools for web designers It's often said that data is the new world currency, and the web is the exchange bureau through which it's traded. As consumers, we're positively swimming in data; it's everywhere from labels on food packaging design to World Health Organisation reports. As a result, for the designer it's becoming increasingly difficult to present data in a way that stands out from the mass of competing data streams. Get Adobe Creative Cloud One of the best ways to get your message across is to use a visualization to quickly draw attention to the key messages, and by presenting data visually it's also possible to uncover surprising patterns and observations that wouldn't be apparent from looking at stats alone. And nowadays, there's plenty of free graphic design software to help you do just that.

Tangle: a JavaScript library for reactive documents Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn. This is a simple reactive document. Gaphi Gephi is a tool for data analysts and scientists keen to explore and understand graphs. Like Photoshop™ but for graph data, the user interacts with the representation, manipulate the structures, shapes and colors to reveal hidden patterns. The goal is to help data analysts to make hypothesis, intuitively discover patterns, isolate structure singularities or faults during data sourcing. It is a complementary tool to traditional statistics, as visual thinking with interactive interfaces is now recognized to facilitate reasoning.

OpenStreetMap Where is this? Reverse Directions Welcome to OpenStreetMap! OpenStreetMap is a map of the world, created by people like you and free to use under an open license. Working with Zoom behavior in D3.js and some notes Zooming functionality is a very useful feature for working with large and complicated svg diagram. Often for those types of graph, zoom ability allows users to have a detail view of one specific part on that graph. Fortunately, creating zoom behavior in d3js is an uncomplicated task since the library already takes care of it all for you. Everything you need to do is to apply the zoom function function on the svg element that you want.

Technical Tidbits From Spatial Analysis & Data Science AngularJS is a powerful tool for creating single page web applications, particularly data driven applications. One of the most powerful features of Angular is its two-way data binding, the automatic synchronization of data between the view and the application itself. In this example, we demonstrate the two-way data binding using a table and LeafletJS map of the 32 countries competing in the 2014 World Cup. You can take a quick peak at the full app to get a sense of what is being described. The material below is intended to highlight some of the key code but is not a complete instruction manual for re-creating the map/table. Leaflet maps in Angular Weka 3 - Data Mining with Open Source Machine Learning Software in Java Weka is a collection of machine learning algorithms for data mining tasks. It contains tools for data preparation, classification, regression, clustering, association rules mining, and visualization. Found only on the islands of New Zealand, the Weka is a flightless bird with an inquisitive nature. The name is pronounced like this, and the bird sounds like this.

Visualizing data: Mapping earthquakes with the Google Maps API   Overview This tutorial shows you how to: Import data into your Maps application.Display that data on a map using simple markers.Use symbols and heatmaps to improve the appearance and legibility of your map, and to represent secondary information. At the end of this tutorial, you will have created a map that displays real-time earthquake data, including magnitude. Earth Outreach Before You Begin In order to complete this tutorial, you will need some text, photo and video content to add to your tour. You can use your own text, photos and videos, or you can use the sample content provided by our friends at the Jane Goodall Institute (JGI). Just download the zip file below and extract the contents to a folder on your desktop. (530k Zip file)

SVG Crowbar A Chrome-specific bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine no matter how you choose to generate your SVG. The Bookmarklet After you’ve installed the bookmarklet, you can execute it on any page. Go ahead and try it out on this crazy map.

Related:  Data VisualizationMaps, Geolocationtools & templatesGeographie - DiversmappeData