| license: gpl-3.0 |
| const fs = require('fs'); | |
| const puppeteer = require('puppeteer'); | |
| const GIFEncoder = require('gifencoder'); | |
| const PNG = require('png-js'); | |
| function decode(png) { | |
| return new Promise(r => {png.decode(pixels => r(pixels))}); | |
| } |
| license: gpl-3.0 |
| license: gpl-3.0 |
| license: gpl-3.0 |
| license: bsd-3-clause | |
| height: 600 |
| license: gpl-3.0 |
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Force based label placement</title> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.6.0"></script> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?2.6.0"></script> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js?2.6.0"></script> | |
| </head> | |
| <body> |
| // | |
| // Make a few assumptions and add noise to latitude/longitude position | |
| // Ex, console.log(jitter(-26.4853429150483, -49.072945734375, 5)); | |
| // | |
| var rad_Earth = 6378.16; | |
| var one_degree = (2 * Math.PI * rad_Earth) / 360; | |
| var one_km = 1 / one_degree; | |
| function randomInRange(from, to, fixed) { |
Canvas scatterplot w/ quadtree for point picking on hover, per: https://twitter.com/mbostock/status/733317794419212288
If you don't want the full Voronoi effect because your chart has some big dead zones, you could add a distance threshold and only trigger the highlighting when the nearest point is within that distance.
If you need behavior that more closely mimics mouse/touch because your shapes have significant dimensions or their layer order matters, you could try colorpicking instead.
