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
David Moreno Lumbreras
March 11, 2022
Research
220
0
Share
BabiaXR: Virtual Reality Data Visualizations for the Web
David Moreno Lumbreras
March 11, 2022
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
44
OPENSYM & OSS 2023 GATHER TOGETHER
dlumbrer
0
110
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
230
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
110
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
160
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
240
VBoard, Web dashboards in VR and AR
dlumbrer
0
210
VBoard, web dashboards in VR and AR
dlumbrer
0
200
Other Decks in Research
See All in Research
SREのためのテレメトリー技術の探究 / Telemetry for SRE
yuukit
13
3.5k
Φ-Sat-2のAutoEncoderによる情報圧縮系論文
satai
4
300
英語教育 “研究” のあり方:学術知とアウトリーチの緊張関係
terasawat
1
790
AIを叩き台として、 「検証」から「共創」へと進化するリサーチ
mela_dayo
0
230
AI Agentの精度改善に見るML開発との共通点 / commonalities in accuracy improvements in agentic era
shimacos
6
1.5k
競合や要望に流されない─B2B SaaSでミニマム要件を決めるリアルな取り組み / Don't be swayed by competitors or requests - A real effort to determine minimum requirements for B2B SaaS
kaminashi
0
1.3k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
450
The mathematics of transformers
gpeyre
0
190
20年前に50代だった人たちの今
hysmrk
0
180
討議:RACDA設立30周年記念都市交通フォーラム2026
trafficbrain
0
720
2026-01-30-MandSL-textbook-jp-cos-lod
yegusa
1
920
教師あり学習と強化学習で作る 最強の数学特化LLM
analokmaus
2
1k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8k
Docker and Python
trallard
47
3.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
What does AI have to do with Human Rights?
axbom
PRO
1
2.1k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
310
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.9k
Evolving SEO for Evolving Search Engines
ryanjones
0
170
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
Speed Design
sergeychernyshev
33
1.6k
Faster Mobile Websites
deanohume
310
31k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
95
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]