我有一个设计布局，它使用不同的圆形大小的元素，这些元素组合在一起以填充之间的空间。它与 Apple Watch 主应用程序布局完全相同，但除此之外，圆圈的大小也不同。
设计团队的灵感来自于该网站的团队部分：https://www.fcinq.com/。我花了几个小时试图找到一个可以做到这一点的库，或者一些开源代码。看来这是定制的。
我无法使用 D3 或任何以 SVG 格式创建元素的库，因为我需要在某些元素上使用 JS 实现自定义单击事件。基本上，如果可能的话，我想避免使用巨大的图书馆。
有谁知道有哪个库可以开箱即用地执行此操作？或者是否有什么我可以使用的东西可以帮助我或指导我完成这件事？我的时间有限，非常感谢您的帮助。
只要它能实现与https://masonry.desandro.com/相同的效果，任何东西都会有帮助，但使用 Circle 元素来填充间隙（圆圈相互吸引，这样不同大小的圆圈之间就不会留下巨大的白色间隙）其他）。
预先非常感谢
我正在创建一个扩展，当用户单击“保存此会话”按钮时，可以保存所有当前选项卡。函数调用会触发此代码：
// Go through all tabs in current window
chrome.tabs.query({ currentWindow: true }, function (tabs) {
// Iterate through each tab
tabs.forEach(function (tab) {
// Gets tab.url, tab.title, tab.favIconURL
});
});
我不会在其他地方调用此函数，它仅由用户手势触发。SO 上也有类似的问题，但他们没有清楚地解释为什么请求选项卡权限会显示警告“阅读您的浏览历史记录”，而在他们的文档中，他们明确指出应该显示“访问您的选项卡和浏览活动”，这使得很多更有意义。
如果我必须安装一个应该保存我的选项卡的扩展程序，但却要求读取我的浏览历史记录，我根本不会信任它。我该如何获得用户的信任？还有其他办法解决这个问题吗？
即使我删除所有chrome.tabs代码或使用chrome.windows它，我仍然收到此警告。难道他们有一个错误并且显示了错误的警告消息？
在此先感谢您的时间。