background preloader

Appli developement

Facebook Twitter

Styling heatmaps. Client-side geospatial analysis with TurfJS. Maps, especially maps of historical data, are one of my favorite ways of consuming information which is why I was excited to finally have a good excuse to create one myself recently.

Client-side geospatial analysis with TurfJS

Earlier this year I moved from Colorado to Nebraska and since then many people have been asking me why I would choose to do that. Beyond the typical arguments of winter sports and scenery a common question revolved around severe weather. Wasn’t I worried about tornadoes? Being from the Midwest originally I grew up with tornadoes as a fact of life and immediately dismissed their concerns. Morganherlocker/hail-data: hail data time series processing scripts. Blog.mapbox.

By Morgan Herlocker The latest release of Turf includes powerfulnew functions to aggregate dense point data into grids & heatmaps.In this example, I aggregated and classified hail data for1955 to 2013 and created an animated map usingMapbox.js.


Try selecting the various visualizations using the buttons across the top.Hexagonal bins in particularare of interest because they often avoid false pattern recognitionassociated with square bins. In the same article, Johnson alsosuccinctly describes the benefit of binning: For the user, showing every single point can lead to cognitive overload,and may even be inaccurate, as overlapping points lead to a misreading of density. Full Screen The analysis code is open source on GitHuband this data is free from NOAA. Digital Public Library of America. NYC Space/Time Directory. Developerguide. Automatically backup a MongoDB database to S3 using mongodump, tar, and awscli (Ubuntu 14.04 LTS) Géolocaliser les documents numérisés avec Gallicarte.

Projet lauréat de la première édition du Hackathon de la BnF, Gallicarte a été développé pour permettre une géolocalisation des recherches effectuées dans Gallica.

Géolocaliser les documents numérisés avec Gallicarte

Un outil participatif, L’Arpenteur, est mis en ligne simultanément : il vous permet de préciser, en temps réel, la position de documents mal ou non géolocalisés. Gallicarte, c'est quoi ? Le projet permet de voir la localisation d’un document (image ou carte) dans la liste des résultats de Gallica. Si un document est géolocalisé, il est identifié par une icône "Mappemonde". Secure Cloud Computing: 7 Ways I'd Hack You On AWS. If you're like most businesses, you're thinking about moving to the cloud but you're worried about secure cloud computing.

Secure Cloud Computing: 7 Ways I'd Hack You On AWS

Lower costs, more control, and greater resiliency are all powerful motivators. But the loss of control of your environment is awfully scary. The Metropolitan Museum of Art Collection API.

Npm package size

Image upload to server. Pixi.js - How to use PIXI.Graphic when using new PIXI.particles.ParticleContainer() The Definitive Guide on How to Bootstrap Your Startup. You know the old expression, “Pull yourself up by your bootstraps?”

The Definitive Guide on How to Bootstrap Your Startup

Les projets du programme ABP : présentation – ArchéoFab – Archéologies du Bassin Parisien. Les projets sont les entités opérationnelles du programme.

Les projets du programme ABP : présentation – ArchéoFab – Archéologies du Bassin Parisien

Ils sont développés par des équipes de recherche indépendantes qui bénéficient du soutient et de l’apport logistique et méthodologique du programme ABP. Carte archéologique de Paris. Birds'-Eye Views of America: An Interactive Map - UM Clements Library. Kittykatattack/bump: A set of 2D collision utilities for games. Saving the □ with □ : how we used WebGL and Pixi.js for temporal mapping. Note: this post is about work I did when I was working at Vizzuality.

Saving the □ with □ : how we used WebGL and Pixi.js for temporal mapping

Our planet’s fish reserves are dwindling because of overfishing and illegal fishing — estimated at up to a third of the overall fishing worldwide. Historypin. Great, you've started a collection - now it needs some pins.


Great, you've created a tour - now it needs some pins. You can choose from exisiting pins on Historypin. When you see a pin you like, click the repin button: To find pins, browse Historypin or choose them from your own profile. Node.js - geospatial queries on subdocuments. Large dataset of markers or dots in Leaflet. Robertleeplummerjr/Leaflet.glify: fully functional, ridiculously fast web gl renderer plugin for leaflet.

Manubb/Leaflet.PixiOverlay: Bring Pixi.js power to Leaflet maps. Modern Javascript Techniques - Better Programming - Medium. Avoiding Memory Leaks and JavaScript best practices. Memory leaks can be very hard to indentify.

Avoiding Memory Leaks and JavaScript best practices

Most of the time this is because the amount of memory that leaks is so small you won’t see it all at once on the process task manager. There are things that you can do that will prevent memory leaks or at least allow the page to be fully collected when the page reloads. Eradicating Memory Leaks in Javascript. If you are wondering why your JavaScript app is suffering from severe slowdowns, poor performance, high latency, or frequent crashes, and all your painstaking attempts to figure out the problem were to no avail, there is a pretty good chance that your code is plagued by ‘Memory Leaks.’

Eradicating Memory Leaks in Javascript

Memory leaks are fairly common as memory management is often neglected by developers due to the misconceptions about automatic memory allocation and release in modern high-level programming languages like JavaScript. Failure to deal with memory leaks can wreak havoc on your app’s performance and can render it unusable. The Internet is flooded with never-ending complex jargon which is often difficult to wrap your head around. So in this article, we will take a comprehensive approach to understand what memory leaks are, their causes, and how to spot and diagnose them easily using Chrome Developer Tools. 4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them.

In this article we will explore common types of memory leaks in client-side JavaScript code. We will also learn how to use the Chrome Development Tools to find them. Read on! Introduction.   Tools for Web Developers   Learn how to use Chrome and DevTools to find memory issues that affect page performance, including memory leaks, memory bloat, and frequent garbage collections. Find out how much memory your page is currently using with the Chrome Task Manager.Visualize memory usage over time with Timeline recordings.Identify detached DOM trees (a common cause of memory leaks) with Heap Snapshots.Find out when new memory is being allocated in your JS heap with Allocation Timeline recordings.

In the spirit of the RAIL performance model, the focus of your performance efforts should be your users. Javascript - iframe wikipedia article without the wrapper. Is there a way to embed/show a wikipedia page in a passage? - Twine Q&A. The most common method used to embed the content of one HTML page within another is to use a HTML iframe element within your Passage. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <iframe src=" title="Random Wikipedia Article" width="100%" height="300"><p>Your browser does not support iframes.

</p></iframe> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Les publications du Service du Patrimoine Culturel - Article - Atlas de l'architecture et du patrimoine. 0 | 30 | 60 | 90 | 120 | Tout afficher. Navigator Window · Issue #20 · waynegm/imgViewer2. Historypin. Great, you've started a collection - now it needs some pins.

Great, you've created a tour - now it needs some pins. You can choose from exisiting pins on Historypin. When you see a pin you like, click the repin button: To find pins, browse Historypin or choose them from your own profile. Publiclab/Leaflet.DistortableImage: A Leaflet extension to distort or "rubber sheet" images. Is there a clean wikipedia API just for retrieve content summary? Brigantium, Bregenz – Digital Atlas of the Roman Empire. Paris 1850 (@Paris1850) Fire at the Pont aux Meuniers in 1621.

Le pont aux meuniers à Paris. Archaeology & History Destinations, Tours and Exhibitions Around the World. NYC Space/Time Directory. [Question] Build clusters depending on some geographical entity · Issue #521 · Leaflet/Leaflet.markercluster. Large dataset of markers or dots in Leaflet. Perspective-transform. Edankwan/PerspectiveTransform.js: A Javascript Class to do the CSS 3D transformation by 4 destination points. Calculate distance and bearing between two Latitude/Longitude points using haversine formula in JavaScript. Leaflet/Leaflet.VectorGrid: Display gridded vector data (sliced GeoJSON or protobuf vector tiles) in Leaflet 1.0.0. Multiple copies of the world when zooming out in worldmap created with leaflet in R.

Le Matrimoine de Paris. A.I. Gigapixel™ – Topaz Labs. Free and Subscription Plans - ParseHub Pricing. It depends. The art of dependency management in Javascript. 4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them. Javascript - Finding a specific layer in a Leaflet LayerGroup where layers are polygons. Does leaflet support user defined Layer identifiers. If you place all your layers in the same L.featureGroup or L.layerGroup, like this: group = L.featureGroup().addTo(map); L.marker([34.07,-118.29]).addTo(group); L.marker([34.06,-118.28]).addTo(group);[etc., etc....] A simple implementation of AJAX. You should have the basic express-generator template In app.js, add(you can add it anywhere after var app =, res, next){ next(); });

Index. Index. Build An Interactive Game of Thrones Map (Part II) - Leaflet.js & Webpack. The Exciting World of Digital Cartography Welcome to part II of the tutorial series "Build An Interactive Game of Thrones Map". In this installment, we'll be building a web application to display from from our "Game of Thrones" API on an interactive map. Leaflet - Make sidebar div active on Marker click (and vice versa)? Normally you would associate a marker with an object or at least an Identifier (an Objectid) by simply defining a variable for it on the marker object. Turbo87/sidebar-v2: A responsive sidebar with tabs for Leaflet, OpenLayers, Google Maps, ... Turbo87/leaflet-sidebar.

ImgViewer2/ at master · waynegm/imgViewer2. Your access to this site has been limited. Async/await. There’s a special syntax to work with promises in a more comfortable fashion, called “async/await”. jQuery image marker Plugins. jQuery Plugin For Adding Notes and Markers To An Image - imgNotes. ImgNotes an extension of the jQuery imgViewer plugin that adds markers and notes to an image that can be zoomed in and out with the mousewheel and panned around by click and drag. Jquery.easypin - npm. Simple and fast image pinning plugin. There are dependencies with the library jQuery easing plugin. Add a marker to an image in javascript? How to load image on canvas and put markers on click. Nightlife Auteuil. Your access to this site has been limited. Handling AJAX calls with Node.js and Express (scraping Craigslist)

This tutorial is meant for someone who’s finished a basic Hello World project with Node and Express and ready to take another step. Node.js - How to define object in array in Mongoose schema correctly with 2d geo index. Sindresorhus/awesome-nodejs: Delightful Node.js packages and resources. How to use Geospatial Indexing in MongoDB with Express and Mongoose. Geospatial Queries With Mongoose and Node.js - DZone Database.

5 Steps to build a REST API in Node.js with MongoDB. Possible to populate a reference to a sub-document on another model? · Issue #2772 · Automattic/mongoose. The Top 10 Most Common Mistakes That Node.js Developers Make. The Web Developer Bootcamp. Security Best Practices for Express in Production. Mistakes You’re Probably Making With MongooseJS, And How To Fix Them. Express Tutorial Part 3: Using a Database (with Mongoose) - Learn web development. Our home on native land. Paysages-in-situ, les répliques des paysages. Rotating teardrop shape in SVG around axis point.

Anton Sarukhanov / Leaflet Marker Rotate · GitLab. Arrow lines in Leaflet.js. Good way to draw a directional (arrowed) marker in Leaflet? Dmca. HTML5 tutorial: a photo on the Canvas with clickable elements - Edit fiddle. Dartagnans - Préserver le patrimoine grâce au crowdfunding. CSS-Tricks. W3Schools Online Web Tutorials. The "display" property. Linking to Copyrighted Materials.