observablehq相关内容
我理解这行 D3 代码,它将一个 SVG 元素添加到 HTML 页面的正文中,并将对新元素的引用存储在变量“svg"中: var svg = d3.select('body').append('svg').attr('width', 500).attr('height',50); 例如,在 Scott Murray 的《Web 交互式数据可视化》一书中使用,第二版 此处.最近我看到了这种模式:
..
我正在尝试弄清楚 D3 画廊中 Mike Bostock 的 Box Plot 示例中发生了什么.这是 Observable 笔记本中的代码:https://observablehq.com/@d3/box-plot 其中有一个代码块,它似乎不是函数定义,但具有返回值: chart = {const svg = d3.select(DOM.svg(width, height));const
..
我正在尝试在d3条形图中将换行符沿x轴应用于长变量标签.这是我在Observable笔记本中的图表: https://observablehq.com/@unfpamaldives/figure4 我试图从此块中应用解决方案 : 函数换行(文本,宽度){text.each(function(){var text = d3.select(this),单词= text.text().split
..
我已经尝试了多种方法来转换它:- https://observablehq.com/@d3/zoomable-sunburst 主要通过 observable 和 runtime 做出反应.那还没有被转换成React. 在此同时也使用了一些helper.js.代码在这里 https://observablehq.com/@d3/zoomable-sunburst 是否有任何人可以
..
我了解这行D3代码,该行将SVG元素添加到HTML页面的正文中,并将对新元素的引用存储在变量'svg'中: var svg = d3.select('body').append('svg').attr('width',500).attr('height',50); 例如,在斯科特·默里(Scott Murray)的《网络交互式数据可视化》第二版此处.最近,我看到了这种模式: const
..
我关注了此可观察的帖子,以轻松创建图例. 自行 DOM.canvas(1,n) ramp 中的 仅适用于Observable,我将其替换为 document.createElement("canvas") ,还修改了SVG,以便将其附加到主div标签上.这些更改不会引起任何错误,但是问题是,即使原始HTML中存在图例SVG,也不会显示图例. 这是链接到JSFiddle
..
我有一个读取地图图块图像的功能.我想跟踪某个图像是否已经被缓存.我正在使用此线程中的此功能: 函数is_cached(src){var image = new Image();image.src = src;返回image.complete;} 这很好.但是然后我需要做一些图像处理.为了将图像数据复制到画布并按像素进行处理,我需要使用 CanvasRenderingContext2D.dra
..
我对JavaScript和D3比较陌生,因此请记住这一点。我创建了一个可视化效果,以显示访问仓库中特定位置的频率,并希望使用连续的色标添加图例。 我看了几个块,可能会切线,但是我遇到了此网页,并希望使用图例功能。天真地,我尝试从“ @ d3 / color-legend”中添加 import {legend} 失败。我不确定要执行此导入操作该怎么做。我已经下载了最新
..
我关注了此可观察的帖子,以轻松创建图例. 自行 DOM.canvas(1, n) ramp中的 仅适用于Observable,我将其替换为 document.createElement("canvas") ,还修改了SVG,以便将其附加到主div标签上.这些更改不会引起任何错误,但是问题是,即使原始HTML中存在图例SVG,也不会显示图例. 这是链接.任何指导将不
..
我正在尝试弄清Mike Bostock D3画廊的Box Plot示例中发生的情况.以下是可观察笔记本中的代码: https://observablehq.com/@d3/box-plot 其中有一个似乎不是函数定义但具有返回值的代码块: chart = { const svg = d3.select(DOM.svg(width, height)); const g
..
例如 https://observablehq.com/@d3/zoomable-treemap 如果将脚本片段粘贴到HTML文件中的标记中,(显然)它将不起作用. 您应该如何运行这些东西? 什么是斜体f? 为什么没有语句以分号结尾,为什么在没有var的情况下声明内容? 这肯定行不通吗?
..
非常感谢您的提前帮助. 我正在尝试在我的wordpress网站上添加此Sankey图. https://observablehq.com/@d3/sankey-diagram 我很难受.我下载了JS代码,并将其粘贴到了wordpress网站上,但它给了我很多错误 Uncaught SyntaxError: Unexpected token 'export' 这是浏览器的第一
..
我了解这行D3代码,该行将SVG元素添加到HTML页面的正文中,并将对新元素的引用存储在变量'svg'中: var svg = d3.select('body').append('svg').attr('width', 500).attr('height', 50); 例如,它在Scott Murray的《 Web交互式数据可视化》第二版 const svg = d3.select(D
..