如何在javascript中绘制图形，同时保持原始的相对位置？

Question

我想自动生成类似weathermap的图表。这个想法是存储数据中心的GPS坐标和它们之间的链接。

问题是，一些数据中心彼此非常近(几公里)，而其他数据中心却很远(数百公里)。这将产生一个主要是空白和巨大的滚动需求的图形:/

我正在寻找一个完整的js解决方案，以“压缩”的距离，同时保留相对位置。

有什么想法吗？

Answer 1

如果您想压缩但保留相对距离，为什么不将所有内容都减少一个特定的百分比。它们保持了刚刚缩小的距离比。

distance from orgin
100 miles
10 miles

scaled by a factor of 10

10 miles
1 mile

相同的距离比刚刚压缩了..。

或者，与+的视觉距离如何？

 10 spaces    5  
*          +     *

compressed

*     + *

简单的数学解救！