Skip to content

Instantly share code, notes, and snippets.

View Sumbera's full-sized avatar

∫ ∪ ∧∴ ∋ ∈ ⊇ ∧ Sumbera

54 followers · 7 following
View GitHub Profile
@Sumbera
Sumbera / README.md
Last active August 29, 2015 13:57
Mapy API WMS

shows Mapy API 4 with WMS service

@Sumbera
Sumbera / README.md
Last active August 29, 2015 13:58
Another brushing with d3

Modified version of Quadtree sample from http://bl.ocks.org/mbostock/4343214 This version uses Enter,Exit, Update pattern for selecting small portions of larger dataset (here 100T points) with quadtree filtering. This speed up rendering as only relatively small amount of points (given small brush) has to be rendered. This might be useful for maps zooming into details and panning/moving there. Another sources looked at

Move around the brush to discover generated points.

@Sumbera
Sumbera / README.md
Last active August 29, 2015 14:04
Polygon libtess fill in WebGL

libtess.js test on medium large polygon, more info here

@Sumbera
Sumbera / index.html
Last active September 29, 2015 09:44
Polyline tessellation with MapBox-gl-js
<!doctype html>
<html>
<head>
<title>Polyline tessellation with MapBox-gl-js</title>
<meta charset="utf-8">
<style>
html, body {
height: 100%;
padding: 0;
@Sumbera
Sumbera / index.html
Created September 29, 2015 09:54
WebGL polyline tessellation with tesspathy
<!doctype html>
<html>
<head>
<title>Polyline Tesspathy</title>
<meta charset="utf-8">
<style>
html, body {
height: 100%;
padding: 0;
@Sumbera
Sumbera / README.md
Last active December 12, 2016 07:59
Tiled WMS overlay using ArcGIS JavaScript lib

Sample of using Tiled WMS overlay with ArcGIS JavaScript API 3.9.

@Sumbera
Sumbera / index.html
Last active January 6, 2017 22:15
SVG default overlay in Leaflet v 1.0
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SVG default SVG in Leaflet 1.0</title>
<link rel="stylesheet" href="http://www.sumbera.com/gist/js/leaflet/svg/scaled/leaflet.css" />
<style>
body {
margin: 0px;
@Sumbera
Sumbera / index.html
Last active January 6, 2017 22:16
Polyline tessellation test with Pixi.js
<!doctype html>
<html>
<head>
<title>Polyline tessellation test with Pixi.js</title>
<meta charset="utf-8">
<style>
html, body {
height: 100%;
padding: 0;
@Sumbera
Sumbera / README.md
Last active August 21, 2019 03:54
Many points with d3 and leaflet

Testing SVG limits of plotting points on map using D3, Leaflet following this base sample: http://bost.ocks.org/mike/leaflet. However instead of scaling SVG in deep zooms, I am using Enter/Update/Exit pattern from D3 to dynamically update points on map. This has been prototyped also here http://bl.ocks.org/sumbera/9972460 with brushing of 100T points.

For zooming out (causing all points to be displayed), I am filtering out points that can't be effectively visible, thus reducing number of points in SVG. (check console for log output).

This sample is using real data of 24T coordinates, with this points are clustered around cities, rather than artifically randomized. Real number of rendered points / removed points can be seen in console.log

@Sumbera
Sumbera / .block
Last active March 26, 2020 12:38
Graphix
license: mit