#deck.gl

[thewebdesignerpro]

Deck.gl Bus Routes Visualization

Deck.gl 3D map, bus routes data visualization demo.

Check it out:

https://thewebdesignerpro.com/visualization/busroutes/

[geone-ws]

deck.gl for #Google Maps API

https://medium.com/@joshua.p.gracie/deck-gl-for-google-maps-api-fda17449728c

[team-andrew]

(via Google Developers Japan: Google Maps Platform と deck.gl を使った高性能なデータの視覚化)

[ericvanderburg]

Heatmap Visualization With Deck.gl

http://dlvr.it/Slbl37

[datarep]

Visualization of Road Network Reachability with Deck.gl

[phungthaihy]

Awesome Web Data Visualization with Google Maps Platform and Deck.gl - JS Monthly - November 2019 http://ehelpdesk.tk/wp-content/uploads/2020/02/logo-header.png [ad_1] The Google team recently announc... #3dvisualisation #advanceddata #codingeducation #codinghintsandtips #codinglecture #dataanalysis #datamodeling #datavisualization #deck.gl #developerlanguage #excel #exceldashboard #excelformulas #excelfunctions #excelmacros #excelvba #forum #google #help #jsapi #languagecode #learnadeveloper #learnaboutcode #learncode #lecture #libraries #maps #meet-up #microsoftaccess #microsoftoffice #microsoftoffice365 #microsoftpowerbi #microsoftproject #microsoftword #officeproductivity #pivottables #plotting #powerpivot #powerpoint #sap #tips #webgl

[kjunichi]

Microsoftのデータ可視化ツール「SandDance」がオープンソース化 – GUNMA GIS GEEK [はてなブックマーク]

Microsoftのデータ可視化ツール「SandDance」がオープンソース化 – GUNMA GIS GEEK

公式サイト 概要 SandDanceは、WebGLを用いたBIツールで巨大なデータセットを素早く可視化し、複数のビュー間を滑らかなアニメーションでトランジションさせることで新たな知見を得ることができるBIツールだそうです(公式サイトより) サンプル画像でもカッコいいアニメーションが目を引きます。 deck.glのショーケースペ...

from kjw_junichiのはてなブックマーク https://ift.tt/2VKqW9D

[masaa-ma]

Google Maps Platform と deck.gl を使った高性能なデータの視覚化

from http://developers-jp.googleblog.com/2019/10/google-maps-platform-deckgl.html

この記事は Google の Developer Advocate である Alex Muramoto による Google Maps Platform Blog の記事 " High-performance data visualizations with Google Maps Platform and deck.gl" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

Google マップのエンジニアリングチームをリードする Travis McPhail は 今年の Google I/O において、Google Maps Platform 上で高いパフォーマンスと拡張性を持ったアプリを構築するため　Maps JavaScript API 上での deck.gl のサポートを発表しました。それ以降、世界中のデベロッパーのみなさんに、deck.gl がウェブ地図にもたらす可能性についてお伝えしてきました。みなさんからの熱狂的な反応をうれしく思っています。deck.gl とは何か、まったく初耳という方へ、この記事では、deck.gl の概要をお話します。

deck.gl とは？

vis.gl のフレームワーク スイートの一部である deck.gl は、各種の高性能で美しいデータ視覚化をウェブ環境にもたらすことができるオープンソースのフレームワークです。このフレームワークを使ってどのようなことができるのか、deck.gl 関連文書から抜粋します。

大量のデータセットの取扱いと効率の良い更新

インタラクティブなイベントハンドリング（大量のデータセットから1点を抽出するピッキングなど）

地図の投影法、背景地図との重畳

実証済みで十分にテストされた各種サンプルデータ

新たなレイヤーの作成や既存レイヤーのカスタマイズが容易

なぜ deck.gl なのか？

データ視覚化において多くのウェブ開発者が直面する課題の一つが、極めて大量のデータセットを、効率良く取り扱わなければならないということです。開発者からは、もはや何百ではなく、数万、数十万、数百万点ものデータポイントの展開を図らなければならないという声も上がっています。 シングルスレッドのイベントループ モデルである JavaScript は、大量データの取り扱いや 3D 画像の描画といった、重いコンピュータ処理にはあまり適していません。この弱点を克服するため、deck.gl は非同期でユーザーのコンピュータの GPU にアクセスを可能にする WebGL ライブラリを使います。すなわち、大量のデータを処理する負担を、ブラウザから、この種の作業により適しているハードウェア内部に移行させるわけです。その結果、数百万ものデータポイントを迅速に処理し、とても美しいデータ可視化を実現できるのです。

deck.gl はどのように機能するのでしょうか？

deck.gl は、Maps JavaScript API が提供する OverlayView を利用し、地図上にレイヤーとして重ねて、データを視覚化します。ユーザーが地図を左右上下に動かしたりズームさせる時でも、deck.gl の視覚化レイヤーは、ユーザーが日頃使い慣れているグーグルマップでのユーザー体験と同じような、背景地図と完全に同調した動きが可能です。 deck.gl のレイヤーを使ったアプローチによって、複合的効果を得るために、地図の上に複数の視覚化した情報のレイヤーを追加することも可能です。それを実行した例が以下の図です。それぞれ独立した 2 つのデータセットを散布図レイヤーとして重ね合わせることで、一枚の主題図を作成しました。

複合散布図レイヤーの例 deck.gl は、レイヤーの属性やデータへの変更に基づいて、迅速に図的表現を更新できるリアクティブプログラミングモデルを使用しています。これはどういう意味でしょうか？具体例はたくさんありますが、アニメーション化されたデータの視覚化がその一例です。以下の動画は、Maps JavaScript API の経路検索サービスの結果を表示する例です。これは deck.gl の Trips Layer を使ってアニメーション化したものです。

使ってみましょう

サンプルや deck.gl 関連文書 をご覧いただき、Maps JavaScript API と deck.gl を使って何が実現できるかを理解しましょう。Google の GitHub には、サンプルアプリのソースコードおよび事例を掲載しています。deck.gl チームは、期待されるパフォーマンスおよび最適化の技法についても優れた記事も書いており、こちらでご覧いただけます。 次回は、 deck.gl を初めて Google Maps Platform と共に使う方のために、わかりやすいチュートリアルをお届けします。 Google Maps Platform に関する詳しい情報はこちらをご覧ください。ご質問やご意見はページ右上の「お問い合わせ」より承っています。 Posted by 丸山 智康 (Tomoyasu Maruyama) - Google Maps テクニカルアカウントマネージャ

https://1.bp.blogspot.com/-1lB1-RYwHiY/XaaitwYmp5I/AAAAAAAAD14/cECcYl7C2-kE49tlOoFhT-fyzgHfVr3IQCLcBGAsYHQ/s640/pasted%2Bimage%2B0%2B%25286%2529.png

[dothtml5]

ウェブ環境を変えるかもしれない行政のICT政策・プロジェクトを解説 (フェレット)

グリーCTO藤本氏が明かす、エンジニアリングの観点をマネジメントに生かす具体的な方法 (＠IT)

なぜWordのデフォルトフォントサイズは「10.5」なのか？ルビの謎についても解説 (ITmedia)

1990年代、2000年代のウェブテクを懐かしんでみた (HTML5Experts)

シンプルなUIを実現するためにできること (tsublog)

知っているようで意外と知らない、SEOキーワード選びの定石とは (WPJ)

グーグルのMaterial Designのリーダーが同��のデザインビジョンの起源を語る (TechCrunch)

話題のスピナーをブラウザ上で試せる「FFFFidget」 (100SHIKI)

GUIのスクリーンショットを読み込むと必要なコードを生成する「pix2code」人工知能を活用 (ギガジン)

Uberのデータ視覚化ツール「deck.gl」が地図以外の視覚化にも対応 (TechCrunch)

GitHub、Electronベースの新しい「GitHub Desktop」をベータ公開 (窓の杜)

ブラウザバック禁止 (kazuhirokomoda | Qiita)

最初のステップ！HTMLで覚えておきたい頻出タグ15選 - 初心者向け (TechAcademy)

川柳俳句コンテストシステム、投稿作品を縦書き＆筆文字の短冊表示に自動変換 - CSS3 Writing Modes活用 (INTERNET Watch)

[watfordseo]

via Twitter https://twitter.com/TheWatfordSEO

[geone-ws]

pydeck: High-scale spatial rendering in Python, powered by deck.gl

https://pydeck.gl/

[berkeleyjobsite]

Senior Full Stack Engineer

Minimum Required Skills: REACT, Angular, Ember, JavaScript, MapboxGL, Leaflet, Querying, Indexing, Geospatial Tooling, Vector Tiles

If you are a Senior Full Stack Engineer with at least 5 years’ hands-on experience, please read on!

Located in Berkeley, we are a startup that has developed a cutting edge mapping and analysis experience to users focused on urban city and lifestyle planning. Our engaging and attractive user interface combines 2 and 3D map interaction, data visualization and much more.

What You Will Be Doing

Our single-page, data-rich interface is map-centric. Our frontend is React, Redux, RxJS and MapBox GL that communicates with a Python-based API server. Our backend is heavily dependent upon PostgreSQL and PostGIS. You will:

– Design and deliver new features, deploy your own code to production on a regular basis – Provide architecture guidance and establish patterns, perform code reviews, provide guidance to team members – Work with designer and product manager to scope features – Use React, Rexus, and RsJX to build a single page application – Turn product reqs into tech requirements affecting front/backend architecture and APIs

What You Need for this Position

At least 5 years’ hands-on experience with:

– Modern front-end frameworks (React, Ember, Angular, Polymer, etc.) – Writing production applications with JavaScript and one other dynamic language (Python, Ruby, etc.) – Familiarity addressing user-facing performance issues across software stack and life cycle

Experience with the following is preferred but NOT required: – Geospatial tooling and performance indexing/querying S3, H3, etc.) – Implementing rich browser-based geospatial applications using Mapbox GL, Leaflet, deck.gl, and vector tiles

What’s In It for You

We offer a competitive compensation ad benefits package!So, if you are a Senior Full Stack Engineer with at least 5 years’ hands-on experience, please apply today!

Applicants must be authorized to work in the U.S.

Security Clearance will be needed – therefore, Those authorized to work in the United States without sponsorship are encouraged to apply.s can be considered.Please apply directly to by clicking ‘Click Here to Apply’ with your Word resume!

Looking forward to receiving your resume and going over the position in more detail with you.

– Not a fit for this position? Click the link at the bottom of this email to search all of our open positions.

Looking forward to receiving your resume!

CyberCoders

CyberCoders, Inc is proud to be an Equal Opportunity Employer

All qualified applicants will receive consideration for employment without regard to race, color, religion, sex, national origin, disability, protected veteran status, or any other characteristic protected by law.

Your Right to Work – In compliance with federal law, all persons hired will be required to verify identity and eligibility to work in the United States and to complete the required employment eligibility verification document form upon hire.

Copyright 1999 – 2020 . CyberCoders, Inc. All rights reserved. – provided by Dice

from Berkeley Job Site https://ift.tt/30HZR9C via IFTTT

[pewsmews]

Deck.gl

http://dlvr.it/RNS2g7

[gmright11-blog]

Business

Superset

      



Apache Superset (incubating) is a modern, enterprise-ready business intelligence web application

[this project used to be named Caravel, and Panoramix in the past]

Screenshots & Gifs

View Dashboards



Slice & dice your data



Query and visualize your data with SQL Lab



Visualize geospatial data with deck.gl



Choose from a wide array of visualizations

[geomurmur]

Seeing the World with Data: 3D LiDAR with MapD and Uber’s deck.gl

#GISLounge http://bit.ly/2nQC04I

[is20002017-blog]

Post 10

In our final full week of classes we moved to discuss just how the data that we have now collected, analyzed, and manipulated, can be visualized in a way that makes the most sense to the target market. The concept is nothing new to many of us, who have tried before to present topics in ways that are clear and sensical, although when it comes to numerical data things can certainly be trickier.

The first article I looked at touched on a topic we had gone over in class. When is the right time to implement graphs instead of tables? What is the right kind of visualization to use? The article offered a poignant claim, to stop making charts when a table is better. The author claims that due to the ease of creating charts, due to tools such as Excel, people tend to overuse them. In many cases data can be easily read and understood by those viewing them when just places in easy to follow tables, or in a correctly made visualization. This fits in precisely with the in class comparison of the two graphs, in which it was emphasized to use graphs that tell a story instead of just relay the data. When trends and significance is easily spotted, the graphs are more useful.

The next article moved away from the creation of graphics and towards how graphics can be used in a real world situation. As many companies do currently, Uber has it’s own internal data visualization framework that it utilizes in regards to the driving and transportation infrastructure. The tool, which has recently become available open source, is called deck.gl and has the interesting visualization method of integrating maps. Since most of Uber’s data regards map usage (Pick up, drop off, traffic, ect.) the tool is a flexible way to view large sets of data. The tools that are now available to visualize become more and more complex in order to map new connection that are constantly being formed.

 https://qz.com/1107993/data-visualization-stop-making-charts-when-a-table-is-better/

https://techcrunch.com/2017/04/06/ubers-open-source-data-visualization-tool-now-goes-beyond-maps/