Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
BabiaXR: Virtual Reality Data Visualizations fo...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
David Moreno Lumbreras
March 11, 2022
Research
0
210
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
40
OPENSYM & OSS 2023 GATHER TOGETHER
dlumbrer
0
99
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
170
BabiaXR: Virtual Reality Data Visualizations for the browser
dlumbrer
0
220
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
100
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
160
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
230
VBoard, Web dashboards in VR and AR
dlumbrer
0
200
VBoard, web dashboards in VR and AR
dlumbrer
0
190
Other Decks in Research
See All in Research
ローテーション別のサイドアウト戦略 ~なぜあのローテは回らないのか?~
vball_panda
0
280
ペットのかわいい瞬間を撮影する オートシャッターAIアプリへの スマートラベリングの適用
mssmkmr
0
260
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
220
ウェブ・ソーシャルメディア論文読み会 第36回: The Stepwise Deception: Simulating the Evolution from True News to Fake News with LLM Agents (EMNLP, 2025)
hkefka385
0
160
ブレグマン距離最小化に基づくリース表現量推定:バイアス除去学習の統一理論
masakat0
0
140
説明可能な機械学習と数理最適化
kelicht
2
940
【SIGGRAPH Asia 2025】Lo-Fi Photograph with Lo-Fi Communication
toremolo72
0
120
Can AI Generated Ambrotype Chain the Aura of Alternative Process? In SIGGRAPH Asia 2024 Art Papers
toremolo72
0
140
第66回コンピュータビジョン勉強会@関東 Epona: Autoregressive Diffusion World Model for Autonomous Driving
kentosasaki
0
350
Aurora Serverless からAurora Serverless v2への課題と知見を論文から読み解く/Understanding the challenges and insights of moving from Aurora Serverless to Aurora Serverless v2 from a paper
bootjp
6
1.5k
AWSの耐久性のあるRedis互換KVSのMemoryDBについての論文を読んでみた
bootjp
1
460
[IBIS 2025] 深層基盤モデルのための強化学習驚きから理論にもとづく納得へ
akifumi_wachi
19
9.6k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
58k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
70
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
910
GraphQLとの向き合い方2022年版
quramy
50
14k
Scaling GitHub
holman
464
140k
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
250
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
67
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
69
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
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]