在 d3.js 中,在使用行转换导入 csv 文件时,如何“切片”数据以仅包含一系列行?

2024-03-09

我正在 d3 中使用包含超过 39000 行的数据表,并且我不想一次直观地表示所有项目。这就是我目前所拥有的:

 var impt = d3.csv("Data/prisoncsv8.csv", function(data, i) {
        return {
            //more data here in the following format
            "id": i,
            "stage": 1,
            "columntitle": data.columntitle
        }

    }).then(function(data, i) {

        svg.selectAll('circle')
            .data(data)
            .join('circle')
            .attr('r', 1)
            .attr('fill', 'gray')
            .attr('cx',function(dat) {
                return Math.random()*500
            })
            .attr('cy', function(dat) {
                return Math.random()*500
            })
    })

我希望能够将开始和结束索引指定为变量,并且只映射那些行。

我已经尝试过对数据进行 .slice 之类的操作,但这当然不起作用,因为 function(data){} 一次只能处理一行。

Thanks.


注意d3.csv() https://github.com/d3/d3-fetch#csv内部使用d3.csvParse()——它本身只是一个很小的包装d3.dsvParse() https://github.com/d3/d3-fetch#dsv- 用于解析所获取文件的行。关于后一种方法的文档已经为您介绍了:

如果返回值为 null 或未定义,则跳过该行并将从返回的数组中省略dsv.解析;否则,返回值定义相应的行对象。

对于您的代码,这可能是以下几行:

var impt = d3.csv("Data/prisoncsv8.csv", function(data, i) {
  return i < datastart || i > dataend
    ? null   // Skip lines outside the range [datastart, dataend].
    : {      // Normal conversion for all lines to included.
      //more data here in the following format
      "id": i,
      "stage": 1,
      "columntitle": data.columntitle
    };
}).then(function(data, i) {
  // ...
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 d3.js 中,在使用行转换导入 csv 文件时,如何“切片”数据以仅包含一系列行? 的相关文章

  • 使用 Python 将列名称与 CSV 文件中的数据对齐

    这是我用来将数据写入 csv 文件的代码 with open temp csv a as fp a csv writer fp delimiter t data faceXpos faceYpos faceHeight faceWidth
  • 反转比例函数

    这对我来说很有趣 看下面的D3代码 var scale d3 scale linear domain 100 500 range 10 350 scale 100 Returns 10 scale 300 Returns 180 scale
  • 对 CSV 行使用小写函数

    我正在尝试以小写形式打印 csv 中的所有数据 但我没有任何运气 这是我到目前为止所拥有的 import csv books csv reader open books csv rb for row in books print row 这
  • 将文本放置在矩形的中心

    在下面的代码中 文本没有放置在矩形的中心 我使用的是 attr dx x bandwidth 2 attr dy y bandwidth 2 有没有办法将文本中心放置在矩形中 而不是反复试验 目前它看起来像这样 朝底部和朝右 以下是我的代码
  • D3 v4 在同一元素上进行画笔和缩放(鼠标事件不冲突)

    我的目标是构建一个使用两者的 D3 v4 图表d3 zoom https github com d3 d3 zoom and d3 brush https github com d3 d3 brush一起 如下 当鼠标位于 x 轴上时 用户
  • 在 PHP 中将 CSV 写入不带括号的文件

    是否有本机函数或实体类 库用于将数组写入 CSV 文件中的一行而无需封装 fputcsv将默认为 如果没有为封装参数传入任何内容 谷歌让我失望了 返回一大堆有关的页面的结果 fputcsv PEAR 的库做的事情或多或少与fputcsv 工
  • Spyder 未检测到导入的 python 文件中的更改

    我正在使用 Spyder 3 2 4 Python 3 6 Spyder 不会检测导入的 python 文件中的更改 例如 测试2 py def func return 5 测试1 py import test2 a test2 func
  • 如何将包含多个字段的大型 csv 加载到 Spark

    新年快乐 我知道以前曾提出 回答过此类类似的问题 但是 我的问题有所不同 我有大尺寸的 csv 有 100 个字段和 100MB 我想将其加载到 Spark 1 6 进行分析 csv 的标题看起来像附件sample http www roc
  • SQL Server - 将行连接到逗号分隔的列表中

    假设我有一个临时表 如下所示 Id Value 1 1 1 2 1 3 2 1 2 2 我希望我的桌子是这样的 Id ValueList 1 1 2 3 2 1 2 所以基本上我需要将我的值分组为逗号分隔的列表 我已经尝试过以下操作 SEL
  • 下载 csv 文件 node.js

    我正在使用 node js 构建一个应用程序并尝试将数据下载为 csv 文件 我正在使用 json2csv https www npmjs com package json2csv https www npmjs com package j
  • 在 Crossfilter 中使用过滤器

    我刚刚开始使用 crossfilter 和 d3 js 我正在尝试 API 参考中给出的一些片段 我有以下数据 var payments crossfilter date 2011 11 14T16 17 54Z quantity 2 to
  • Python ImportError:无法导入名称 __init__.py

    我收到此错误 ImportError cannot import name life table from cdc life tables C Users tony OneDrive Documents Retirement retirem
  • 避免在 ES6 的函数内定位 this 的对象作用域

    例如 我正在使用 D3 js 运行一个项目 导入特定模块并调用它们的函数 Setup TypeScript ES6 导入特定的 D3 组件 角6 我有一个对象 在本例中是一个角度指令 并在 SVG 画布上绘制一些圆圈 并希望它们在拖动事件上
  • 如何在 iOS 中注册自定义文件类型

    我目前正在创建一个应用程序 我想让用户在其中备份他们的文件 plist m4a 我压缩文件并将扩展名更改为自定义扩展名 专门针对我的应用程序 例如 MyBackup 然后 用户可以通过电子邮件或 iTunes 文件共享进行导出 我已经阅读过
  • Powershell - 在不安装 Excel 的情况下将 CSV 转换为 XLS

    我有一台自动生成报告的服务器 报告采用 CSV 格式 我需要能够直接加密文件 无需第三方压缩 无 WinZIP 或 WinRAR 我认为最好的想法是将 CSV 转换为 XLS 然后通过 Powershell 密码保护 XLS 文件 不幸的是
  • Hive:如何分解嵌入 CSV 文件中的 JSON 列?

    从 CSV 文件 带有标题和管道分隔符 中 我得到了以下两个内容 其中包含一个 JSON 列 内部有一个集合 如下所示 第一种情况 使用没有名称的 JSON 集合 ProductId IngestTime ProductOrders 918
  • nvd3 格式化日期始终返回 1970-01-01

    我正在尝试使用构建折线图nvd3 for d3js但我在 x 轴上使用日期域时遇到了一些问题 这是我的代码 data lineChart key key1 values x 2014 04 20 y 6 x 2014 04 13 y 5 x
  • 如何分块加载 Pickle 文件?

    是否有任何选项可以批量加载 pickle 文件 我知道我们可以将数据保存在 CSV 中并分块加载 但除了 CSV 之外 是否有任何选项可以批量加载 pickle 文件或任何 python 本机文件 基于Python pickle 的文档 h
  • 如何在 d3 js 中突出显示从根到选定节点的路径?

    我使用 d3 js 创建了一棵树 现在我创建了一个下拉菜单 其中包含树中所有节点的列表 现在 从下拉菜单中选择一个节点时 我想突出显示从根到该特定节点的路径 这个怎么做 首先创建一个 flatten 函数 它将分层数据变成一个 n 数组 f
  • 如何在 SVG 元素上使用箭头标记?

    我需要在 d3 js 中创建一个箭头 但我找到的只是带有节点图的示例 我需要的是简单地制作一个从 A 点到 B 点的箭头 我尝试实现以下示例中的部分代码 http bl ocks org 1153292 http bl ocks org 1

随机推荐

  • Swagger UI 在部署时显示错误(验证)

    我的应用程序中嵌入了 swagger ui 当我在本地运行节点应用程序时 UI 工作得很好 但是 当我将 UI 部署到 真实 服务器时 我在 swagger ui 的右下角收到错误图像 我确信我正在做的事情把事情搞砸了 但我不知道 当我通过
  • 在 Javascript 中迭代 JSON 字符串的最快方法

    我一直在使用 jQuery 框架的 each 来迭代通过 AJAX 调用收到的 JSON 字符串 现在这个字符串有时会非常大 导致 IE6 7 8 抓取 我想知道是否有更快的方法来迭代整个数据 感谢您的时间 使用常规的 javascript
  • AttributeError:“WSGIRequest”对象在 OAuth2Decorator 上没有属性“request”

    我在 Google App Engine 上使用 Django 尝试访问 Google API 时遇到了问题 我想使用装饰器 如文档中所述 但我一遍又一遍地遇到相同的错误 AttributeError WSGIRequest object
  • Matter.js — 如何获取图像的尺寸来设置主体大小?

    我正在尝试以编程方式设置 Matter js 中链体的宽度和高度 不幸的是 我只得到 0 作为值 我不确定为什么 我的猜测是图像加载速度不够快 无法提供这些值 如何在加载图像之前加载这些尺寸 伪代码 阵列中的几具尸体 获取Array中每个图
  • IE8 字体大小切换为 :hover - 仅限日语

    我有一个多语言页面 但只有日语版本有问题 由于某些原因 在 IE8 中 当我将鼠标悬停在某个元素上时 同级元素的字体大小将会增加 减小 更奇怪的是 这种情况并不是每次悬停都会发生 有时我无法立即重现 我需要继续将鼠标悬停在页面同一区域的不同
  • 如何在 Jersey 中注册静态类?

    我有一个类 只能通过以下方式访问其中的静态方法 path注释并且没有公共构造函数 我的简化程序是 Path static class MyStaticClass private MyStaticClass Get Path time sta
  • Extjs:两个并行的ajax调用

    我的代码同时创建两个ajax调用 我认为并行性会更有效 如果两个调用都成功 我想加载一个表 这样做的正确方法是什么 var succeeded function callBackOne succeeded one true your oth
  • 撤消核心数据管理对象

    我有这个代码 Store store NSEntityDescription insertNewObjectForEntityForName Store store name My Company 现在 商店是在上下文中管理的 并且将在保存
  • 动态语言 - 我应该选择哪一种?

    动态语言正在兴起 而且数量很多 例如Ruby Groovy Jython Scala 静态 但具有动态语言的外观和感觉 等 我的背景是 Java SE 和 EE 编程 我想将我的知识扩展到这些动态语言之一 以便为未来做好更好的准备 但我应该
  • iOS 6 - BluetoothManager 框架 - “NSObject”未找到错误

    我的问题是重复的this https stackoverflow com questions 14069892 bluetoothmanager framework nsobject error lq 1一 但那个问题 正确地 被关闭为非建
  • 是否有任何工具可以检测不再使用的代码/功能?

    我们有许多应用程序正在运行 考虑所有应用程序都在 Java 平台上运行 我们需要检查过去 例如 3 个月 使用了哪些应用程序 以及在这些活动应用程序中 哪些部分 功能 以及使用频率 仍在使用中 那可能吗 这里的目标是检测不再与业务相关的应用
  • 如何获取从 Invoke-RestMethod 返回 400 Bad Request 的 Web 请求正文

    当我运行以下语句时 Invoke RestMethod https api mysite com the endpoint Body ConvertTo Json data ContentType application json Head
  • 如何获取 Google Cloud Platform 中当前项目的组织 ID?

    我想知道我当前在 GCP 中的项目的组织 ID gcloud projects describe PROJECT ID将显示parent可以是组织 但如果父级是folder 不会出现组织 ID 我可以使用递归文件夹的父层次结构gcloud
  • 更改 iframe 内的字体[重复]

    这个问题在这里已经有答案了 我有一个 HTML 页面 其中包含iframe 我想更改 iframe 内容的样式 但我似乎无法做到这一点 我想更改里面所有内容的字体iframe到 塔霍马 这是我的代码
  • 以编程方式循环遍历 DatagridView 并选中复选框

    我有 DataGridView 由数据表绑定 我有相同的复选框 我想导航或循环浏览 datagridview 并选中这些复选框 下面是我使用的语法 foreach DataGridViewRow dr in dgvColumns Rows
  • 将图像作为 json 条目发送 android

    我有一个要求 我将 json 文件发送到服务器 并且解析发生在服务器端 我已经创建了 json 文件的条目 现在我想将 imageview 中存储的图像存储为 json 文件的条目 搜索了之前的几篇文章 但找不到具体的操作 任何指针对于以
  • 在另一个字符串中搜索字符串数组的最有效方法

    我有一个很大的字符串数组 看起来像这样 String temp new String 200000 我有另一个字符串 我们称之为大文本 我需要做的是迭代 temp 的每个条目 检查是否在 bigtext 中找到该条目 然后基于它做一些工作
  • jQuery UI 调整大小,同时保持相同的整体宽度

    我有两个水平放置的容器position absolute 我试图在中间制作一个 调整大小栏 这样拖动它就会增加一个元素的大小 同时减小另一个元素的大小 因此保持整体宽度相同 div class container left div div
  • 更改 XTS 对象的时区

    我有一个数据对象 index x 6217 2014 09 03 GMT 2014 09 04 GMT 2014 09 05 GMT 2014 09 08 GMT 2014 09 09 GMT 2014 09 10 GMT 2014 09
  • 在 d3.js 中,在使用行转换导入 csv 文件时,如何“切片”数据以仅包含一系列行?

    我正在 d3 中使用包含超过 39000 行的数据表 并且我不想一次直观地表示所有项目 这就是我目前所拥有的 var impt d3 csv Data prisoncsv8 csv function data i return more d