如何使用 vega 读取 geojson

2024-02-09

这听起来非常简单,但我不知道如何为我的多边形使用 geojson,而不是 topojson。

这是我目前的尝试:

"data": [
    {
      "name": "nabs",
      "url": "both_boundaries.geojson",
      "format": {"type": "json"},
      "transform": [
      {
        "type": "geopath", "projection": "mercator",
        "scale": 74, "center": [-73.99,40.72]
      }
    ]
    }
  ]

您必须使用格式中的属性来解析功能:

   "format": {"type": "json", "property":"features"},

完整示例规格:

{"$schema": "https://vega.github.io/schema/vega/v3.0.json",
  "width": 500,
  "height": 600,
  "autosize": "none",
  "signals": [
    {
      "name": "translate0",
      "update": "width / 2"
    },
    {
      "name": "translate1",
      "update": "height / 2"
    }
  ],
  "projections": [
    {
      "name": "projection",
      "size": {"signal": "[width, height]"},
      "fit": {"signal": "data('netherlands')"}
    }
  ],
  "data": [
    {
      "name": "netherlands",
      "url": "https://raw.githubusercontent.com/mattijn/datasets/master/NL_outline_geo.json",
      "format": {
        "type": "json",
        "property": "features"
      }
    }
  ],
  "marks": [
    {
      "type": "shape",
      "from": {
        "data": "netherlands"
      },
      "encode": {
        "update": {
          "strokeWidth": {
            "value": 0.5
          },
          "stroke": { 
            "value": "darkblue"
          },
          "fill": {
            "value": "lightblue"
          },
          "fillOpacity": {
            "value": 0.5
          }
        },
        "hover": {
          "fill": {
            "value": "#66C2A5"
          },
          "strokeWidth": {
            "value": 2
          },
          "stroke": {
            "value": "#FC8D62"
          }
        }
      },
      "transform": [
        {
          "type": "geoshape",
          "projection": "projection"
        }
      ]
    }
  ]
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 vega 读取 geojson 的相关文章

随机推荐

  • Laravel,转储自动加载,无需 Shell 访问

    我有两个同名的控制器 app controllers CareersController php 供公众使用 app controllers Admin CareersController php 对于管理员 由于命名冲突 我添加了name
  • 将 String 转换为 Int 并添加特定值

    我有一根绳子ABC0001 我想添加 1对于数据库中的每个新条目 如果我采取SubString 3 myStr Length 3 它只给了我1 修剪所有 0 零 有没有其他方法可以为每个新条目添加 1 Thanks 让我们尝试下面的代码 我
  • python正则表达式获取所有文本直到(,并获取括号内的文本

    我需要两个正则表达式操作的帮助 获取左括号之前的所有文本 e g this is so cool 234 gt this is so cool 获取括号内的文本 即数字 234 直到父级 regex re compile s 在第一组括号内
  • 从 Google App Engine for PHP 加载远程 XML

    我想将第三方服务器的远程动态 XML 文件加载到我的 GAE PHP 应用程序中 itemId 5 uri http www myserver com getInfoItem php itemId itemId format xml 我尝试
  • 如何让atom更像WebStorm IDE?

    所以我喜欢 WebStorm 的一点是它可以在输入 后执行惊人的自动完成功能 我喜欢所有的代码完成和 linting Webstorm 资源消耗很大 而且相当丑陋 对于atom 我不知道如何做到这一点 我可以安装或自定义哪些插件才能使其满足
  • 获取最新的不同记录

    考虑下表 User CreatedDateTime Quantity Jim 2012 09 19 01 00 1 Jim 2012 09 19 02 00 5 Jim 2012 09 19 03 00 2 Bob 2012 09 19 0
  • 如何对谷歌云 git repo 进行代码审查

    我们在谷歌云平台上托管 git repo 我知道对于 github com 我们可以使用拉取请求进行代码审查 但谷歌云似乎没有提供这一点 如何对 Google 云平台上的存储库进行代码审查 一种可能性 我知道并不理想 但仍然有效 是将您的云
  • 适用于 Facebook 可玩广告的 SDK

    我想为 Facebook 平台制作 HTML 可播放广告并在其中显示用户头像 是否可以 根据文档 https developers facebook com docs app ads formats playable ad 可播放广告不得发
  • 如何在 Node Express 中像静态 HTML 页面一样提供渲染的 Jade 页面?

    通常你会在这样的路径中渲染 Jade 页面 app get page function req res next res render page jade 但我想提供所有 Jade 页面 自动呈现 就像提供静态 HTML 一样 app us
  • iOS 线性规划库

    我正在寻找一个 iOS 库 可以为我正在开发的应用程序解决 LP IP BIP MIP 问题 我找到了 GLPK 但不知道如何为 iOS 编译它 在网上搜索了一段时间后 我没有找到任何有趣的东西 如果有人可以帮助我如何编译适用于 iOS 的
  • 使用控制台应用程序 .NET Core 在并行 C# 中运行两个 dotnet 进程

    我有一个包含三个控制台的项目 一个控制台将并行打开其他两个进程来执行某些工作 独立 所有控制台都使用 dotnet core 框架 MultipleConsoleWindows主要应用程序如下所示 static void Main stri
  • 添加组条形图作为绘图中的子图

    我想创建分组 barmode 组 plotly 中的条形图子图 现在的问题是 plotly 不会创建条形图作为痕迹 相反 分组条形图被创建为条形轨迹列表 因此 我不知道如何创建一个包含分组条形图作为子图的图形 即使用添加分组条形图图 app
  • NHibernate HiLo - 所有实体的一张表

    我使用 NHibernate HiLo 作为我的身份生成器 目前 我的数据库中的每个实体表都有一个单独的表 例如 我有 Customer 和 CustomerKey 表 每个表都有一个 NextHiLo 列 如果有一张表能够保存所有其他表的
  • 重叠项目上的单击事件

    I have 带有点击事件的表格行 具有单击事件的按钮 该按钮位于表格行上 我有问题 当我点击按钮时 行单击事件也会执行 但我不希望出现这种行为 我只想单击按钮执行 而不单击行 使用 jQuery 由于问题标签 yourButton cli
  • 带有 mysql 变量的 Mysql 查询在 Zend Framework 1 中不起作用

    Zend 配置是 resources db adapter pdo mysql 得到的查询消息 SQLSTATE HY000 一般错误 db Zend Db Table getDefaultAdapter db gt setFetchMod
  • 为什么 while 循环会阻塞事件循环?

    Node js 书中给出了以下示例 var open false setTimeout function open true 1000 while open console log wait console log open sesame
  • 为什么我的 Cygwin 中的 Emacs 在 Windows 7 上运行时总是创建故障转储?

    我对 GNU 工具在 Windows 7 上的 Cygwin 中运行的方式非常满意 我认为使用 GNU Linux 更容易 但我公司的政策是使用 Windows 7 作为程序员编程环境 所以 解决方案是 Cygwin 我出于编程目的大量使用
  • 如何使用 bash 工具搜索非 ASCII 字符?

    我有一个大文本文件 其中包含一些导致 LaTeX 崩溃的 unicode 字符 如何在 Linux bash 中使用 sed 等查找文件中的非 ASCII 字符 Try nonascii LANG C grep color always 可
  • GCM 通知未到达具有 google play 服务 6.5.99 的设备

    Used 掌握commonsguy GCM客户端代码 https github com commonsguy cw omnibus tree ef269a785353b9dc2704aee9f7bc3b16abf186cc Push GCM
  • 如何使用 vega 读取 geojson

    这听起来非常简单 但我不知道如何为我的多边形使用 geojson 而不是 topojson 这是我目前的尝试 data name nabs url both boundaries geojson format type json trans