Skip to content

Instantly share code, notes, and snippets.

View mukhtyar's full-sized avatar

Shruti Mukhtyar mukhtyar

View GitHub Profile
@mukhtyar
mukhtyar / .gitignore
Created June 4, 2018 17:42 — forked from susielu/.gitignore
d3-annotation: Thresholds & Annotation Colors
.DS_Store
@mukhtyar
mukhtyar / .block
Created October 26, 2017 19:26 — forked from rasmuse/.block
A plugin for raster reprojection in d3
height: 700
scrolling: yes
border: no
@mukhtyar
mukhtyar / .block
Last active August 6, 2017 18:19 — forked from wboykinm/index.html
static snapshot of active leaflet map
license: mit
@mukhtyar
mukhtyar / Base.png
Created July 12, 2017 16:03 — forked from pbogden/Base.png
Georeference an image
Base.png
@mukhtyar
mukhtyar / .block
Created October 7, 2016 16:32 — forked from Fil/.block
.call(generalpattern)
license: mit
@mukhtyar
mukhtyar / README.md
Created July 6, 2016 18:08 — forked from jsanz/README.md
Geocode with Mapzen search and Google Spreadsheets

How to set up a quick geocoding system on google spreadsheets.

  1. Create a new spreadsheet
  2. Open the Scripts editor and paste the script attached
  3. Use on your spreadsheet this new formula
=searchMapzen(place_cell,mapzen_api_key)

@mukhtyar
mukhtyar / readme.md
Created March 30, 2016 17:35 — forked from piensaenpixel/readme.md
Design Webinar Part 1: Airport Traffic

Create a Basemap

First, we will create a simple basemap that we can use to display the airport traffic information on top of

Add the data

  • From your Maps dashboard, click on NEW MAP
  • In the Add datasets dialogue, search for world borders to find the World Borders (High Definition) dataset available in the CartoDB Library
  • Once located, click to highlight, and then click CREATE MAP which will sync the layer to your account from the CartoDB Library and also add it to our map

Style the Background

The default basemap is Positron to change that, let's change the background color of the map

L.TileLayer.d3_JSON = L.TileLayer.extend({
//extending L.TileLayer to support topoJSON and geoJSON vector sources
//rendering with d3, borrows from zjonsson & https://github.com/glenrobertson/leaflet-tilelayer-geojson/
onAdd: function(map) {
var map_container_svg = d3.select(map._container).select("svg");
L.TileLayer.prototype.onAdd.call(this, map);
this.mapsenseStyle = this.options.mapsenseStyle || 'light';