Skip to content

Instantly share code, notes, and snippets.

@vasturiano
vasturiano / .block
Last active April 9, 2024 20:22
Hilbert Map of IPv6 address space
license: mit
@vasturiano
vasturiano / .block
Last active April 9, 2024 20:22
Hilbert Map of Autonomous System Numbers (ASn) allocations
license: mit
scrolling: yes
@vasturiano
vasturiano / .block
Last active January 6, 2018 09:04
Musical Hexagons
license: mit
height: 800
@vasturiano
vasturiano / README.md
Last active August 2, 2017 06:05
IE arc events

Pretty strange behavior in Internet Explorer 9, 10, 11. The red arc has dimensions 1000x smaller than the blue, but is scaled up 1k times, therefore is visually equivalent. The mouse events on the red arc get incorrectly triggered on the whole rectangular bounding box that encompasses the arc, while for the blue only over the fill area as expected. Malfunction found only on IE browsers.

Edge bug reported at: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9481381/

@vasturiano
vasturiano / .block
Last active April 19, 2019 07:25
IPv6 Active Web Hosts
license: mit
height: 800
@vasturiano
vasturiano / README.md
Last active July 19, 2018 00:29
Morton (Z-order) Curve

A representation of the Morton (Z-order) curve, using d3-morton layout. Use the slider to modify the curve order (number of iterations). On mouse hover, XY coordinates are reversely converted to curve distance. Zoom/pan the canvas using mouse-wheel/drag events.

See also Hilbert curve.

@vasturiano
vasturiano / .block
Last active April 20, 2017 19:20
Analog Clock
license: mit
@vasturiano
vasturiano / .block
Last active April 20, 2017 19:20
Gauge Meter
license: mit
@vasturiano
vasturiano / .blocks.json
Last active July 27, 2023 00:43
3D Force-Directed Graph (ThreeJS)
{"nodes":[{"id":"4062045","user":"mbostock","description":"Force-Directed Graph"},{"id":"1341021","user":"mbostock","description":"Parallel Coordinates"},{"id":"1341281","user":"jasondavies","description":"Parallel Coordinates"},{"id":"b3ff6ae1c120eea654b5","user":"d3noob","description":"Simple d3.js Graph"},{"id":"4963004","user":"calvinmetcalf","description":"Quadtree Madness Round 2"},{"id":"4962892","user":"calvinmetcalf","description":"Quadtree Madness Round 2"},{"id":"4963273","user":"calvinmetcalf","description":"Quadtree Madness Round 2"},{"id":"4967213","user":"calvinmetcalf","description":"Rtree Madness"},{"id":"4060606","user":"mbostock","description":"Choropleth"},{"id":"4686432","user":"dwtkns","description":"Faux-3d Shaded Globe"},{"id":"3757101","user":"mbostock","description":"Lambert Azimuthal Equal-Area"},{"id":"5028304","user":"d3noob","description":"Sankey diagram with horizontal and vertical node movement"},{"id":"4343214","user":"mbostock","description":"Quadtree"},{"id":"1346410","user"
@vasturiano
vasturiano / README.md
Last active January 31, 2024 10:29
3D Internet Topology

3D force-simulated version of Internet Interactive Map, showing AS relationships for approximately 3k ASes in the Internet core. ASes have a volume proportional to the size of their customer cone and are color-coded by continent. Rendered using 3d-force-graph.