Demonstrates using d3.behavior.zoom
with a geographic projection. Based on an
example by Iain Dillingham.
D3 2.11’s projections will adaptively resample to reduce local distortion of lines. Move the mouse to change the precision, and drag to change the aspect.
Update: Mike has made some awesome improvements!
license: gpl-3.0 |
Platform: Apple | |
Device: Apple M3 Max | |
Driver version : 1.2 1.0 (Macintosh) | |
Compute units : 40 | |
Clock frequency : 1000 MHz | |
Global memory bandwidth (GBPS) | |
float : 361.17 | |
float2 : 380.13 |
Based on Mike Bostock’s [World Map][0], modified to automatically colour countries such that no adjacent countries share the same colour.
This is done by extracting the topology via [TopoJSON][1] and greedily picking colours until the constraint is fulfilled.
See also: [Graph coloring][2] on Wikipedia.
Update: Greedily colouring is now performed in a single line, thanks to Mike Bostock!
I contributed to the Semaphore Trusted Setup Multi-Party Ceremony. | |
The following are my contribution signatures: | |
Circuit: semaphore16 | |
Contributor # 69 | |
Hash: b67179d2 d07fdec2 aab46b63 58741764 | |
077f05ca b5171f9b c614ba26 7e20876d | |
065e2fde e3355c26 6f4f57b0 ec907e4e | |
58df82e0 993b3cb0 6ba33281 7f27de8b | |
build | |
node_modules |
A demo of Mike Bostock’s TopoJSON using states & provinces boundaries from Natural Earth.
With simplification turned on (-s 100
), this reduces the original 57MB GeoJSON file to a mere 515KB!
A demonstration of D3’s vertically-oriented bullet charts, based on this example.
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> body { font-family: sans-serif; } </style> | |
<body> | |
<script src="require.js"></script> | |
<script> | |
require.config({ | |
paths: { | |
d3: "http://d3js.org/d3.v3.min" | |
} |