d3.js:强制布局中建议的节点位置

2023-12-25

我想创建一个图表,其中节点具有建议的位置,但我也想使用力布局来确保节点本身不重叠。这在d3中可能吗?


是的,您可以通过以下方式执行此操作:

  • 禁用默认的重力和电荷力。
  • 实施碰撞检测 http://mbostock.github.com/d3/talk/20111018/collision.html.
  • 实现“自定义”重力,将每个节点吸引到其建议位置。

这是一个活生生的例子:

  • http://bl.ocks.org/1804919 http://bl.ocks.org/1804919

类似的技术被用于Shan Carter 对奥巴马 2013 年预算提案的可视化 http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html,这将在Jim Vallandingham 的教程 http://vallandingham.me/bubble_charts_in_d3.html.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

d3.js:强制布局中建议的节点位置 的相关文章

  • 需要js、d3 和 nvd3 集成

    我面临整合的问题要求 questions tagged requirejs with d3 questions tagged d3 and nvd3 questions tagged nvd3 我找到了一个使用 require 的简单解决方
  • D3 围绕一组圆圈绘制船体

    我想用 d3 围绕分组力定向图构建绘制一个船体 我已经用圆圈构建了图表 但我现在想将圆的交点与路径 船体 连接起来 如果不连接交叉点 画一个围绕这组圆的船体就足够了 我尝试过具有凸包的力导向布局 http bl ocks org 29205
  • d3 仅限整数刻度线

    我有一个 d3 条形图 其值范围为 0 3 我希望 y 轴仅显示整数值 我可以这样做 var yAxis d3 svg axis scale y orient right tickFormat d3 format d 但是 非整数标记处仍然
  • 使用 d3-geo-projection 命令行工具设置自定义投影

    我正在尝试使用 geoproject 在 geojson 文件上设置投影 具体来说 我正在尝试将投影设置为 BCalbers http spatialreference org ref epsg 3005 http spatialrefer
  • d3.js 强制布局是否允许动态 linkDistance?

    我使用力布局来表示有向未加权网络 我的灵感来自以下例子 http bl ocks org mbostock 1153292 http bl ocks org mbostock 1153292 我的问题是 在我的情况下 节点之间有更多的链接
  • D3 强制布局,较大的节点聚集在中心

    我一直在修改将用于标签云的强制布局 每个标签都由一个
  • D3 删除千位的逗号分隔符

    我有一个包含 3 列的 json 其中一列是 年份 该列仅包含年份 没有日期 当我在 x 轴上绘制它时 年份会以逗号分隔符表示数千 所以在 json 中 日期的格式是 Year 1990 在 x 轴上 结果是 1 990 我一直在试图弄清楚
  • 如何从 mysql 数据库中提取数据并使用 D3.JS 进行可视化?

    我有一个数据库MySQL我想在其中可视化D3 JS 为了做到这一点 首先我想parse中的数据JSON格式 然后编写一个基本代码 从数据库中提取数据并使用D3 JS 我环顾四周 但找不到我想要的东西 因为我是新手D3 JS 我怎样才能做到这
  • 动画 D3 地球仪 (d3.geo.azimuthal)

    我对 d3 javascript 库有疑问 我想使用方位角 http mbostock github com d3 talk 20111018 azimuthal html地球 我想从地球上的经度和纬度坐标插入点 并使地球动画化 而无需使用
  • 如何在 d3 中使用SimulationLinkDatum和SimulationNodeDatum

    我在使用SimulationLinkDatum 类型时遇到问题 我创建了两个类 Node 和 Link 来实现SimulationNodeDatum 和SimulationLinkDatum 当我尝试使用SimulationLinkDatu
  • D3.以编程方式缩放后使用鼠标滚轮时缩放会跳转

    当我通过单击鼠标缩放到特定位置然后尝试平移或使用鼠标滚轮时 缩放行为会跳跃 看来我的缩放级别正在恢复 就像单击鼠标之前一样 这是我的事件处理程序 function click d var x y k if d centered d var
  • 如何在 d3.js 中的节点上制作双击事件?

    我想在节点上进行双击事件 所以我尝试了 on dbclick function d return http google com and bind dbclick function d alert hello 但一切都失败了 谁能帮我 完整
  • JS / d3.js:突出显示相邻链接的步骤

    再会 我之前对该项目的问题是 D3 js 根据相同的 json 值动态生成源和目标 https stackoverflow com questions 41138515 d3 js dynamically generate source a
  • d3.js:tickformat - 添加 % 符号而不乘以 100

    我的数据有百分比 例如 10 1 3 2 5 4 d3 format 0f 会给我 10 3 5 d3 format 0 会给我 1010 320 540 乘以 100 如何得到 10 3 5 我不知道在哪里添加 到第一种情况 或者在第二种
  • 如何使用 dc.js 或 d3.js 为行图添加轴标签

    对于条形图和堆积图 我们可以使用 xAxisLabel X Axis Label and yAxisLabel Y Axis Label 为各个轴添加标签的函数 但 有没有办法为行图添加轴标签 尝试这样的事情 dc renderAll fu
  • nvd3散点图中自定义无数据标签

    我正在尝试使用自定义消息而不是显示的 无可用数据 消息 我正在使用 nvd3 散点图 气泡图 我遇到了一个建议here https stackoverflow com questions 17458236 nvd3 showing empt
  • D3v6 嵌套图 - 嵌套 join()?

    我想可视化每个节点的 孩子 洞察力 我猜 D3v6 join 函数可以嵌套 不幸的是我找不到任何例子 下面的代码片段包含一个具有 3 个节点和子节点作为属性的outerGraph 到目前为止 这些孩子还没有被使用 相反 innerGraph
  • 为什么 d3.js-lasso 不读取 svg 变量

    https jsfiddle net t52f1rn7 https jsfiddle net t52f1rn7 我正在尝试制作一个线条末端有圆圈的折线图 我想选择两个点并通过单击绘制线条 然后我找到了套索插件 我尝试将它用于相同的目的 选择
  • D3、TS 和 Angular 2

    我正在尝试将 D3 v4 与 Angular 2 Typescript 一起使用 我目前正在研究 D3 v4 我能够遵循 stackoverflow 中类似问题的一些答案 但没有成功 我已经导入了大部分 D3 库及其类型 我使用的是 TS
  • crossfilter - 计算具有属性的所有记录的百分比

    这是我的问题 我正在使用 python Flask 服务器从 mongo db 获取 json 数据 并在其中指定要导入的字段 此数据采用 json 格式 并且仅像这样获取 一旦通过 graphs js 中的 crossfilter 是否可

随机推荐

  • TCP 配置的 Amazon Elastic Load Balancer 上的 Socket.io Websocket

    我计划设置一组运行的 NodeJS 应用程序服务器Socket io http socket io 在 EC2 上 我想使用弹性负载均衡器 http aws amazon com elasticloadbalancing 在它们之间分散负载
  • 谷歌云存储桶上的 CORS 设置

    我正在尝试在 google 存储桶上配置 CORS 我想每次创建新存储桶时都设置 CORS 配置 我想通过云存储客户端库来完成此操作 而不是使用 XML API 有办法解决吗 没有任何一个云存储客户端库 https cloud google
  • ASP NET Core 服务特定的 html 页面

    我有这个中间件 public class SpecificPageMiddleware private readonly RequestDelegate next public SpecificPageMiddleware RequestD
  • MVC 3 模型提交后视图未刷新

    我对 MVC 3 项目的看法有一个奇怪的问题 我有一个用于数据编辑的标准视图 使用模板创建 当我提交表格时 我更改了Name属性 但当我从控制器返回浏览器后 我仍然看到lorem价值 为什么 using Html BeginForm Htm
  • 启动 Zookeeper 集群。错误:无法找到或加载主类 org.apache.zookeeper.server.quorum.QuorumPeerMain

    我在 CentOS 5 8 上运行 我一直遵循这个方向集群 多服务器 Zookeeper 设置 http zookeeper apache org doc r3 3 3 zookeeperAdmin html sc zkMulitServe
  • 在 Perl 中使用 Spreadsheet::ParseExcel,但需要帮助

    我有一个使用 Spreadsheet ParseExcel 的 Perl 程序 然而 出现了两个困难 我一直不知道如何解决 该程序的脚本如下 usr bin perl use strict use warnings use Spreadsh
  • 更新不同深度的嵌套字典的值

    我正在寻找一种更新字典的方法dictionary1与 dict 的内容update不覆盖levelA dictionary1 level1 level2 levelA 0 levelB 1 update level1 level2 leve
  • 如何从 Groovy 中的对象获取嵌套属性值?

    考虑在 Groovy 中您有类型的情况Company class Company def name def contactPerson and contactPerson of Contact type class Contact def
  • 使用指针访问未对齐的结构成员

    我有以下结构 typedef struct attribute packed uint16 t a uint32 t b st t gt b 成员未对齐 当我执行以下操作时 gcc 会发出警告 st t st uint32 t b p st
  • 如何在 C# 中将自定义 propertyGrid 与标准控件连接?

    我正在创建一个图形程序 我希望允许用户能够更改他们创建的图形的外观 为他们提供更改系列颜色 数据点大小等的机会 我允许他们通过使用 propertyGrid 来做到这一点 然而 在使用 Stack Overflow 的优秀人员的帮助下 我能
  • Javascript 中的经典字数统计算法

    拜托 伙计们 我哪里错了 经典的字数统计算法 给定一个字符串数组 返回一个 Map 每个字符串都有一个键 不同的字符串 其值是该字符串在数组中出现的次数 wordCount a b a c b a 2 b 2 c 1 wordCount c
  • URL 中的奇怪字符

    在我的网络服务器中 当用户请求带有奇怪字符的 URL 时 我会删除这些字符 系统会记录这些情况 当我检查已消毒的箱子时 我发现了这些 我很好奇这些 URL 的目的是什么 我检查了 IP 这些都是真实的人 并且像普通人一样使用网站 但这些人的
  • vim中将制表符替换为空格

    我想在 gVim 中将制表符转换为空格 我将以下行添加到我的 vimrc set tabstop 2 它可以在两个空格处停止 但看起来仍然像插入了一个 tab 键 之后我尝试使用 h 键来计算空格数 我不知道应该怎么做才能让 gVim 将制
  • 在 iOS 上使用 OpenAL 进行声音捕捉

    我正在尝试使用 OpenAL 在 iOS 上进行声音捕获 我正在编写一个跨平台库 这就是为什么我避免使用特定于 iOS 的声音录制方式 开箱即用的 OpenAL 捕获不起作用 但存在一个已知的解决方法 在开始捕获之前打开输出上下文 http
  • 当前上下文中不存在名称“ViewBag” - Visual Studio 2015

    我再次开始使用 ASP NET 进行开发 但在 Visual Studio 中遇到了一个小错误 我的 cshtml 文件在使用一些 razor 函数时显示错误 例如 名称 ViewBag 在当前上下文中不存在 这是一张图片 我正在使用一个演
  • 如何用长文本填充DIV并在溢出时显示省略号

    我有以下 JSFiddle http jsfiddle net ofrj55j4 21 http jsfiddle net ofrj55j4 21 如何在显示省略号之前在 DIV 中显示尽可能多的文本 现在只显示一行 HTML div cl
  • 是否可以在javascript中创建固定长度的数组?

    在Javascript中 是否可以创建一个保证长度保持不变的数组 例如 数组A创建的长度为 2 随后 任何调用的尝试A push or A pop 或设置值A 5 将失败 A length永远是 2 这是输入数组的方式 例如Float32A
  • 选择列表框中的项目后打开新表单

    我的表单上有一个列表框和一个按钮 列表框包含 3 个元素 房屋 人物 户外 我还创建了 3 个表单来表示列表框中的值 我希望用户突出显示列表框中的项目 单击按钮后我想打开用户选择的表单 我怎样才能实现这个目标 我已经尝试过这个链接 通过单击
  • groovy 脚本中提供的名称无效(机制级别:KrbException:无法找到默认领域)

    我有一个连接到 MSSQL 数据库的 groovy 脚本 几周前它工作得很好 但今天我上传了 mac os 的最后一个版本 我的脚本给了我这个例外 Caught java sql SQLException I O Error GSS Fai
  • d3.js:强制布局中建议的节点位置

    我想创建一个图表 其中节点具有建议的位置 但我也想使用力布局来确保节点本身不重叠 这在d3中可能吗 是的 您可以通过以下方式执行此操作 禁用默认的重力和电荷力 实施碰撞检测 http mbostock github com d3 talk