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
230
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
56
OPENSYM & OSS 2023 GATHER TOGETHER
dlumbrer
0
120
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
180
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
180
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
250
VBoard, Web dashboards in VR and AR
dlumbrer
0
220
VBoard, web dashboards in VR and AR
dlumbrer
0
210
Other Decks in Research
See All in Research
Using our influence and power for patient safety
helenbevan
0
360
通時的な類似度行列に基づく単語の意味変化の分析
rudorudo11
0
310
NII S. Koyama's Lab Research Overview AY2026
skoyamalab
0
290
Claude Code × autoresearch 実践
mathbullet
0
150
LOSの検討(λ Kansai 2026 in Winter)
motopu
0
140
AI Agentの精度改善に見るML開発との共通点 / commonalities in accuracy improvements in agentic era
shimacos
6
1.7k
2026年3月1日(日)福島「除染土」の公共利用をかんがえる
atsukomasano2026
0
620
Fukui Shibiten 39 - AI Art
butchi
0
120
Anthropic が提案する LLM の内部状態を自然言語で説明可能にした Natural Language Autoencoders / Natural Language Autoencoders Produce Unsupervised Explanations of LLM Activations
shunk031
0
120
COFFEE-Japan PROJECT Impact Report(Uminomukou Coffee)
ontheslope
0
180
機械学習で作った ポケモン対戦bot で 遊ぼう!
fufufukakaka
0
260
言語モデルから言語について語る際に押さえておきたいこと
eumesy
PRO
5
2.3k
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
5.1k
How to Think Like a Performance Engineer
csswizardry
28
2.6k
Are puppies a ranking factor?
jonoalderson
1
3.5k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
380
Six Lessons from altMBA
skipperchong
29
4.3k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Chasing Engaging Ingredients in Design
codingconduct
0
210
Crafting Experiences
bethany
1
170
Mobile First: as difficult as doing things right
swwweet
225
10k
Leo the Paperboy
mayatellez
7
1.8k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
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]