JavaScript – The CASA Blog Network

Interactive Maps within React.js

Posted on Monday 13 April 2020 by doublebyte

Recently, I have been teaching a Full-stack development bootcamp at CodeOp (great experience!). When the students reached project phase, I was very pleased to see a lot of interest in using maps. And that is easy to understand, right? geospatial … Continue reading →

Coding, development, FOSS4G, Front end, Front end development, Geospatial, GIS, interactive maps, JavaScript, Leaflet, Location technologies, Programming, React

Interactive Maps within React.js

Posted on Monday 13 April 2020 by doublebyte

Coding, development, FOSS4G, Front end, Front end development, Geospatial, GIS, interactive maps, JavaScript, Leaflet, Location technologies, Programming, React

Data Maps with Force Layout

Posted on Friday 3 June 2016 by Oliver O’Brien

Alexander Brett has created this interactive map of London using the D3 visualisation framework and its “Force Layout” view. This places the data points (London ward centroids) at their geographic origin, and then applies a series of competing forces, as if the points are connected by a mesh of springs, to subtly adjust the locations […]

circles, crime, d3, D3.js, data, force, force layout, graph, house prices, JavaScript

All that’s great about CoffeeScript in 40 characters

Posted on Wednesday 29 October 2014 by george

Today, I needed a JavaScript equivalent of Ruby’s Array#compact (which returns the array stripped of any nil values). A standard JavaScript implementation looks like this: Array.prototype.compact = function() { var x, _i, _len, _results; _results = []; for (_i = 0, _len = this.length; _i < _len; _i++) { x = this[_i]; if (x != […]

CoffeeScript, JavaScript

Agentscript: ABM Framework

Posted on Thursday 23 January 2014 by Andrew Crooks

In the past I have blogged (and even written papers) about agent-based modeling toolkits / frameworks such as MASON, Repast and NetLogo for the creation of models. One issue is the deployment of models over the internet. Thanks to Richard Milton from t…

ABM Platforms, JavaScript

Spindlytext: write in the sky with the Google Earth API

Posted on Wednesday 2 May 2012 by george

I’ve just released Spindlytext on Github. It’s the library that powers the live data display in Pigeon Sim, by creating KML linestrings in the shape of letters. It looks like this:

CoffeeScript, GIS, Google Earth, JavaScript, KML

Overlapping markers on your Google Map? Meet OverlappingMarkerSpiderfier

Posted on Wednesday 22 June 2011 by george

Ever noticed how, in Google Earth, marker pins that overlap each other spring apart gracefully when you click them, so you can pick the one you meant? And ever noticed how, when using the Google Maps API, the exact same thing doesn’t happen? This…

CoffeeScript, GIS, JavaScript