Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
BabiaXR: Virtual Reality Data Visualizations fo...
Search
David Moreno Lumbreras
March 11, 2022
Research
0
150
BabiaXR: Virtual Reality Data Visualizations for the Web
David Moreno Lumbreras
March 11, 2022
Tweet
Share
More Decks by David Moreno Lumbreras
See All by David Moreno Lumbreras
Exploring Visualization of Software-Related data in Extended Reality - Thesis dissertation
dlumbrer
0
18
OPENSYM & OSS 2023 GATHER TOGETHER
dlumbrer
0
21
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
85
BabiaXR: Virtual Reality Data Visualizations for the browser
dlumbrer
0
140
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
71
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
110
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
160
VBoard, Web dashboards in VR and AR
dlumbrer
0
130
VBoard, web dashboards in VR and AR
dlumbrer
0
140
Other Decks in Research
See All in Research
Leveraging LLMs for Unsupervised Dense Retriever Ranking (SIGIR 2024)
kampersanda
2
220
文化が形作る音楽推薦の消費と、その逆
kuri8ive
0
170
研究の進め方 ランダムネスとの付き合い方について
joisino
PRO
55
19k
CoRL2024サーベイ
rpc
1
640
熊本から日本の都市交通政策を立て直す~「車1割削減、渋滞半減、公共交通2倍」の実現へ~@公共交通マーケティング研究会リスタートセミナー
trafficbrain
0
150
Weekly AI Agents News! 10月号 論文のアーカイブ
masatoto
1
300
[2024.08.30] Gemma-Ko, 오픈 언어모델에 한국어 입히기 @ 머신러닝부트캠프2024
beomi
0
740
The many faces of AI and the role of mathematics
gpeyre
1
1.2k
Weekly AI Agents News!
masatoto
26
25k
情報処理学会関西支部2024年度定期講演会「自然言語処理と大規模言語モデルの基礎」
ksudoh
9
1.5k
20241115都市交通決起集会 趣旨説明・熊本事例紹介
trafficbrain
0
310
多様かつ継続的に変化する環境に適応する情報システム/thesis-defense-presentation
monochromegane
1
550
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
460
Become a Pro
speakerdeck
PRO
25
5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.3k
Side Projects
sachag
452
42k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
4 Signs Your Business is Dying
shpigford
181
21k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Transcript
BabiaXR Virtual Reality Data Visualizations for the Web https://babiaxr.gitlab.io David
Moreno -
[email protected]
None
https://babiaxr.gitlab.io/aframe-babia-components/examples/charts/barsmap/
https://babiaxr.gitlab.io/aframe-babia-components/examples/demos/1.0.11/
A-Frame
Queriers babia-queryjson <a-entity id="data" babia-queryjson="url: ./data.json;"> </a-entity> babia-queryes babia-querygithub
Data management babia-filter Work In Progress <a-entity babia-filter="from: data; filter:
age=2017"></a-entity> babia-treebuilder
1. Pie 2. Doughnut 3. 3D/2D bars 4. 3D/2D cylinders
5. Bubbles 6. Network . . Visualizations
Visualizations 1. Pie 2. Doughnut 3. 3D/2D bars 4. 3D/2D
cylinders 5. Bubbles 6. Network . . City
Examples babiaxr-vismapper (maps data properties to visualization properties) https://babiaxr.gitlab.io/aframe-babia-components/
Guides Components API https://babiaxr.gitlab.io/apis/ Tutorials https://babiaxr.gitlab.io/tutorials/
City https://babiaxr.gitlab.io/aframe-babia-components/examples/codecityjs/basic/
Metrics Layout Tree structure for districts/buildings Building Geometry height area
(depth/width) Other Color map for numeric field
Metrics Treemap - Tree structure for districts/buildings Building Geometry height
area (depth/width) Other Color map for numeric field
Quick full example
Quick full example
Quick full example
Quick full example
Boats and City
Full Configuration
Get the Data Tutorials: https://gitlab.com/babiaxr/aframe-babia-components/-/tree/master/tools Boats API: https://babiaxr.gitlab.io/apis/charts/#babia-boats-component
None
Time evolution
Multiuser Networked component: https://github.com/networked-aframe/networked-aframe
Desert: https://tinyurl.com/babiaFOSDEM22 With avatar selection: https://tinyurl.com/babiaAvatars Multiuser
Desert: https://tinyurl.com/babiaFOSDEM22 With avatar selection: https://tinyurl.com/babiaAvatars Multiuser
Other components babia-terrain babia-lookat More coming soon!
future work
Python integration
Contribute GPLv3 License Contributing guide https://gitlab.com/babiaxr/aframe-babia-components/-/blob/master/docs/CONTRIBUTING.md
BabiaXR Virtual Reality Data Visualizations for the Web https://babiaxr.gitlab.io David
Moreno -
[email protected]