在 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 文件时,如何“切片”数据以仅包含一系列行? 的相关文章

  • 调整发散堆积条形图以使用通用更新模式

    我一直在使用可用的堆积条形图示例here https bl ocks org mbostock b5935342c6d21928111928401e2c8608使用以下代码 var data month Q1 2016 apples 384
  • 如何使用 SQLPLUS 假脱机到 CSV 格式的文件?

    我想将一些查询提取为 CSV 输出格式 不幸的是 我无法使用任何奇特的 SQL 客户端或任何语言来做到这一点 我必须使用SQLPLUS 我该怎么做 您还可以使用以下内容 尽管它确实在字段之间引入了空格 set colsep separate
  • OpenFileDialog 无法加载 CSV 文件,但可以加载 xls/xlsx Excel 文件 [重复]

    这个问题在这里已经有答案了 在我的 Windows 窗体应用程序中加载 Excel 文件时 我可以加载 xls and xlsx格式很好 但是当我选择一个 CSV我收到以下错误 System NullReferenceException 未
  • 添加自签名证书而不提示用户是/否

    使用一些批处理文件 我想在 Java 密钥库中添加不受信任的自签名证书 命令是 JAVA HOME bin keytool import v trustcacerts alias server alias file server cer k
  • 循环访问多个 CSV 文件并生成多个输出

    我正在编写一些 python 脚本 它打开 csv 文件 定义数据帧 运行一些分析 例如聚合数据 拆分列 查找平均值等 并将分析的输出绘制在图表上 输出将是一个图形 png 文件 和一个 csv 文件 并在原始文件名末尾添加单词 ANALY
  • 使用 Ruby CSV 在第 1 行中进行非法引用

    我收到此错误 Illegal quoting in line 1 CSV MalformedCSVError 我的文件中的第 1 行如下 Status Internal ID Language Created At Updated At I
  • 带有制表符分隔文本文件的 StreamReader

    我对这篇文章有类似的要求 使用文本文件在运行时填充 Gridview https stackoverflow com questions 13971165 populate gridview at runtime using textfil
  • Typescript 中未定义的 d3.scale

    我是 Typescript 的新手 2 周 我正在从事包装 d3 js 框架的项目 我在使用 d3 d ts 命名空间 导出模块 导入时遇到问题 我的问题 当我尝试使用 d3 scale linear 时 浏览器控制台中出现错误 TypeE
  • 时间序列折线图与轴不同步

    本实验基于这个d3官方例子 http bost ocks org mike path 我想要实现的是可视化时间序列数据的最后 x 分钟 我有这个代码的副本jsfiddle http jsfiddle net 225dC 3 单击以添加新数据
  • fputcsv 和记事本

    我使用 fputcsv 生成 csv 文件 它工作得很好 但是当我在记事本 Windows 中查看 csv 文件时 没有新行 所有行都在 1 行中 并且在应该换行的地方有一个正方形 损坏的字符 例如 Mac 上的其他编辑器可以正确显示带有中
  • MySQL 导入 125000 行 CSV 的最快方法?

    这是我第一次使用 MySQL 除了对现有数据库进行一些基本查询之外 所以我不擅长解决这个问题 我有一个包含 125 000 条记录的 CSV 我想将其加载到 MySQL 中 我安装了版本 8 和工作台 我使用导入向导加载 CSV 它开始导入
  • 使用 Meteor 中的 D3 访问 csv 文件

    我已经使用 D3 成功渲染了一个 HTML 表格 显示了 csv 文件中的数据 但是当我将相同的代码移入 Meteor 项目时 我遇到了问题 传递到 d3 csv 回调中的数据对象一次拾取 HTML 文件 1 行 而不是 csv 数据 仅当
  • 如何在 T-SQL 中将 CSV 转换为记录集?

    在我的存储过程中 我传递一个过滤器 使用 WHERE Column IN 子句 作为参数 参数值以 CSV 形式给出 将此 CSV 转换为记录集的最佳方法是什么 例子 SELECT FROM Employee WHERE Name IN J
  • 如何在 Flutter 移动端、网页端和窗口端添加条件导入?

    我有 flutter 应用程序 它为每个平台 移动 网络 窗口 使用不同的 webview 插件 虽然我有能力import平台基于web and mobile 我无法导入 Windows 版本 如果不是移动或网络 我尝试添加其他条件 但它需
  • 窗口调整大小事件上的响应式画布

    我是画布概念的新手 我正在尝试使用 D3 js 绘制画布 我想让画布根据窗口屏幕大小进行响应 function onResize var element document getElementsByTagName canvas 0 var
  • d3.js - 具有树形布局,如何更改 X 轴以使用 D3 中的时间刻度?

    我有这个树布局 需要它在 X 轴上使用时间刻度来将节点固定为日期 另外 我需要保留根节点 它有一个is rootJSON 数据中的属性 在时间范围之外 Here http codepen io anon pen kIJxo是具有树布局工作的
  • 需要帮助从数组中为国家/地区着色,保留其余默认颜色

    我需要一些帮助从我创建的数组中获取数据 然后仅对数组中存在的国家 地区进行着色 而不在数组中的其余国家 地区我希望保留为默认颜色 我正在使用 D3 来完成所有这些工作 并且我非常确定我可以通过 D3 实现我需要的目标 但不确定如何实现 我想
  • 为什么 d3.js-lasso 不读取 svg 变量

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

    谁能告诉我如何仅读取下面每年数据的前 6 个月 7 列 例如使用read table Year Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec 2009 41 27 25 31 31 39 2
  • 为什么我只能用管理员权限才能导入Python中的某些模块?

    我正在努力解决 Python 2 7 中的一些奇怪问题 我写了一个很长的工具 在其中导入不同的模块 我必须首先使用它安装pip 该工具将在公司内部共享 不同的用户在其特定机器上拥有不同的权限 当另一个用户登录我的计算机 我在那里拥有管理员权

随机推荐

  • 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