Javascript 用D3库实现动态滤波

Javascript 用D3库实现动态滤波,javascript,d3.js,network-programming,Javascript,D3.js,Network Programming,我熟悉python,更不用说javascript了。我的任务是对我们的网络基础设施进行可视化表示。我决定尝试在网页中使用D3库来完成我的任务 我的Python代码可以正常工作并提供适当的json数据文件,但有时需要显示的节点和链接太多,这对用户不是很友好。我想在html页面中添加一个表,您可以在其中勾选案例,以过滤显示的数据 我的灵感来源于以下完整的工作代码: 以及输出: 从这段代码中,我可以在json文件中为我的节点添加一个“category”字段,我希望如果用户勾选了这个案例,我们只动态显示

我熟悉python,更不用说javascript了。我的任务是对我们的网络基础设施进行可视化表示。我决定尝试在网页中使用D3库来完成我的任务

我的Python代码可以正常工作并提供适当的json数据文件,但有时需要显示的节点和链接太多,这对用户不是很友好。我想在html页面中添加一个表,您可以在其中勾选案例,以过滤显示的数据

我的灵感来源于以下完整的工作代码:

以及输出:

从这段代码中,我可以在json文件中为我的节点添加一个“category”字段,我希望如果用户勾选了这个案例,我们只动态显示所选的匹配类别

那会很简单吗?我找不到任何能激发我灵感的例子来进行符合需要的工作


感谢您,您可以在复选框中放置的事件侦听器,然后使用javascript中的本机数组方法来执行此操作。这里有一个例子:


您可以将的事件侦听器放在复选框上,然后使用javascript中的本机数组方法来执行此操作。这里有一个例子: