D3.js是一个JavaScript库,用于使用HTML,SVG和Canvas创建文档的交互式数据绑定可视化。
我正在尝试制作一个圆形水平图表 - 但代码中存在一个问题,当条形的直边接近 100% 时,其边界半径会发生扭曲。我也没有...
我正在寻求一些有关在 NodeJS 控制台应用程序中生成 D3js 图表并将图表作为 PNG 或 JPG 保存到磁盘的帮助。 我的用例涉及一个自动化任务,该任务每隔
我有一个水平图表 - 它具有特定的样式 - 它的两侧像条形一样弯曲 - 但它的边缘是直的 - 我有一些代码和示例 - 但我的图表需要调整.. .
为什么在 React 组件中用 d3 读取 CSV 文件后状态变量 `zone` 返回 null?
我正在开发一个 React 组件,我需要使用 d3 从 CSV 文件读取数据并将结果存储在状态变量中。我已将初始化分离到 useEffect 挂钩中,但是当我尝试...
如何向使用react-d3-tree创建的大型组织图表添加滚动条
我正在使用react-d3-tree库在我的React应用程序中创建组织结构图(org图表)。组织结构图非常适合较小的数据集,但随着组织规模的扩大,我......
我正在尝试进行一些基本的 D3 编程。我正在阅读的所有书籍都讨论了如何设置本地 http 服务器,而这就是我发现自己陷入困境的地方。我输入了以下内容 python -m http....
d3 错误:DOMException:无法在“Node”上执行“insertBefore”:新的子元素包含父元素
我收到以下代码错误。 const div = d3.select('div'); const t = d3.timer((e) => { const outerOneData = d3.range(0,5); const outerTwoData = d3.range(0,3); 常量
以 React / JSX 方式构建力导向图时如何将链接添加到 D3 模拟中
我正在尝试使用 D3 构建力导向图,但我使用 React/JSX 进行渲染,仅使用 d3 进行数学计算。 我在这里找到了一篇文章,解释了如何将节点添加到模拟中,并且
我使用此处的代码创建了以下圆形条形图。它在笔记本电脑上运行良好,但在移动设备上运行不佳,我正在尝试找出原因。这是我在 d3 中的第一个项目,我尝试阅读...
无法在我的 Angular 应用程序中同时显示两个 d3 图表
我刚刚将第二个 d3 图表作为自己的组件(就像我的第一个组件一样)添加到我的 Angular 项目中。当我尝试在其中一个页面上显示这两个页面时,只有第二个页面会显示(这需要一些时间来撕裂......
我想我快疯了。我正在尝试为我的plotly go 条形图配置 y 轴刻度。 这是一个带有 barnorm='percent' 的堆叠条形图,这意味着所有条形总计达到 100%。 豪...
我有一个使用React和ObservablePlot以及react-monaco的笔记本项目 我的应用程序上有一个 IDE: 采用像这样的用户代码(可观察代码) Plot.lineY(props.data, { x: "D...
具体来说,我正在研究 JavaScript 库; JavaScript InfoVis Toolkit 和 D3 用于绘制流程图和状态机。 这两者都提供了多种可视化数据的方法。然而没有...
我正在尝试用 javascript 制作一个类似图形的界面(可能使用 D3.js 或 YUI),以模仿(某种程度上)虚幻引擎 4 的蓝图编辑器的界面。它在这里展示: 虚幻引擎4
NodeJS 中生成的 SVG 看起来与我的 Observable 示例不同
我有一个在 D3 中使用 observable 创建的图表,它看起来很棒。现在,我使用完全相同的数据和 d3 代码来重新创建此服务器端,其中 JSDOM 充当 dom 的参与者。 这是一个...
我正在尝试使用 d3 创建甜甜圈可视化,每个弧具有淡出/渐变效果,如下所示: 我尝试添加 'filter: drop-shadow(0 0 10px color)' 但它没有给我这种效果...
我正在尝试使用 d3 绘制地图,并且我正在从 json 文件中提取数据,但它不起作用。下面是我的 script.js
let CountyURL = 'https://raw.githubusercontent.com/deldersveld/topojson/master/countries/nigeria/nigeria-states.json' 让县数据 让画布 = d3.select('#canvas') 让工具提示 = d3.select('#to...
Vega-Lite 中的颠倒 GeoJSON(内嵌数据集)地图
我正在尝试使用 geoshape 标记在 Vega-Lite 中绘制澳大利亚的尖角部分。我的 GeoJSON 文件根据 geojson.io 有效并正确显示: [凯恩斯地区] 然而,Vega-Lite 不能
const PerformZoom = (事件) => { const 变换 = event.transform; d3.select(svgContainer.value).attr("变换", 变换) store.zoomLevel = 变换.k } 常量容器...