deck.gl 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
deck.gl 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript 查看源码 »
操作系统: 跨平台
开发厂商: Uber
收录时间: 2016-11-21
提 交 者: 局长

deck.gl,是由 Uber 开源的基于 WebGL 的可视化图层。

用于React 的 WebGL 遮罩套件,提供了一组高性能的数据可视化叠加层。为数据可视化用例提供测试、高性能的图层,如 2 维和 3 维的散点图、choropleths 等。

运行效果

示例代码

import DeckGL from 'deck.gl/react';
import {ArcLayer} from 'deck.gl';

const flights = new ArcLayer({
  id: 'flights',
  data: [] // Some flight points
});

<DeckGL width={1920} height={1080} layers={[flights]} />

请查看 docs 网页或浏览 docs 文件夹

数据源

SF OpenData TLC Trip Record Data Mapzen

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

deck.gl 的相关博客

[React] Build a slide deck with mdx-deck using Markdown + React

In this lesson we'll use mdx-deck to create a slide deck using Markdown and React. We'll look at adding multiple slid...

glMatrixMode()函数的参数GL_MODELVIEW和GL_PROJECTION

这两个都是glMatrixMode()函数的参数,那就先说说glMatrixMode吧~,这个函数其实就是对接下来要做什么进行一下声明,也就是在...

What does gl_FragCoord contain?

In GLSL, and more specificly in the fragment language, gl_FragCoord is an input variable that contains the window rel...

关于GLSL的gl_FragCoord、gl_FragDepth以及深度计算

gl_FragCoord和gl_FragDepth分别是片元着色器的输入和输出变量。 gl_FragCoord是个vec4,四个分量分别对应x, y, z和1/w。其中...

gl.glenable()介绍

glEnable 用于启用各种功能。功能由参数决定。与glDisable相对应。glDisable是用来关闭的。两个函数参数取值是一至的。 参数说...

法神GL

<A href="http://www.xw234.com/artinfo/40/" target="_blank"> 一本正统魔幻小说百合版。穿越人士安吉尔成为了平原伯爵的女...

deck.gl 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
101 收藏
分享
返回顶部
顶部