Upgrade to Pro — share decks privately, control downloads, hide ads and more …

BabiaXR: Virtual Reality Data Visualizations fo...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for David Moreno Lumbreras David Moreno Lumbreras
March 11, 2022
Research
0
210

BabiaXR: Virtual Reality Data Visualizations for the Web

Avatar for David Moreno Lumbreras

David Moreno Lumbreras

March 11, 2022
Tweet

More Decks by David Moreno Lumbreras

See All by David Moreno Lumbreras
Exploring Visualization of Software-Related data in Extended Reality - Thesis dissertation
Avatar for David Moreno Lumbreras dlumbrer
0
40
OPENSYM & OSS 2023 GATHER TOGETHER
Avatar for David Moreno Lumbreras dlumbrer
0
99
Visualize the NPM dependencies city ecosystem of your node project in VR
Avatar for David Moreno Lumbreras dlumbrer
0
170
BabiaXR: Virtual Reality Data Visualizations for the browser
Avatar for David Moreno Lumbreras dlumbrer
0
220
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
Avatar for David Moreno Lumbreras dlumbrer
0
100
BabiaXR Visualización de Datos en Realidad Virtual
Avatar for David Moreno Lumbreras dlumbrer
0
160
BabiaXR: Virtual Reality Data Visualizations using only Front-End
Avatar for David Moreno Lumbreras dlumbrer
0
230
VBoard, Web dashboards in VR and AR
Avatar for David Moreno Lumbreras dlumbrer
0
200
VBoard, web dashboards in VR and AR
Avatar for David Moreno Lumbreras dlumbrer
0
190

Other Decks in Research

See All in Research
ロボット学習における大規模検索技術の展開と応用
Avatar for Mai Nishimura denkiwakame
1
210
さまざまなAgent FrameworkとAIエージェントの評価
Avatar for Kento.Yamada ymd65536
1
420
LLM-Assisted Semantic Guidance for Sparsely Annotated Remote Sensing Object Detection
Avatar for SatAI.challenge satai
3
470
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
37k
2026-01-30-MandSL-textbook-jp-cos-lod
Avatar for Yuka Egusa yegusa
0
210
姫路市 -都市OSの「再実装」-
Avatar for Hopin hopin
0
1.6k
Upgrading Multi-Agent Pathfinding for the Real World
Avatar for Keisuke Okumura | 奥村圭祐 kei18
0
210
20年前に50代だった人たちの今
Avatar for marimari hysmrk
0
140
地域丸ごとデイサービス「Go トレ」の紹介
Avatar for SMARTふくしラボ smartfukushilab1
0
920
2025-11-21-DA-10th-satellite
Avatar for Yuka Egusa yegusa
0
110
生成AIとうまく付き合うためのプロンプトエンジニアリング
Avatar for yuri ohashi yuri_ohashi
0
140
[チュートリアル] 電波マップ構築入門 ：研究動向と課題設定の勘所
Avatar for Koya SATO k_sato
0
260

Featured

See All Featured
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
55
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
200
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.8k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
88
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
260
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
450

Transcript

  1. BabiaXR Virtual Reality Data Visualizations for the Web https://babiaxr.gitlab.io David

    Moreno - [email protected]
  2. None

  3. https://babiaxr.gitlab.io/aframe-babia-components/examples/charts/barsmap/

  4. https://babiaxr.gitlab.io/aframe-babia-components/examples/demos/1.0.11/

  5. A-Frame

  6. Queriers babia-queryjson <a-entity id="data" babia-queryjson="url: ./data.json;"> </a-entity> babia-queryes babia-querygithub

  7. Data management babia-filter Work In Progress <a-entity babia-filter="from: data; filter:

    age=2017"></a-entity> babia-treebuilder

  8. 1. Pie 2. Doughnut 3. 3D/2D bars 4. 3D/2D cylinders

    5. Bubbles 6. Network . . Visualizations

  9. Visualizations 1. Pie 2. Doughnut 3. 3D/2D bars 4. 3D/2D

    cylinders 5. Bubbles 6. Network . . City

  10. Examples babiaxr-vismapper (maps data properties to visualization properties) https://babiaxr.gitlab.io/aframe-babia-components/

  11. Guides Components API https://babiaxr.gitlab.io/apis/ Tutorials https://babiaxr.gitlab.io/tutorials/

  12. City https://babiaxr.gitlab.io/aframe-babia-components/examples/codecityjs/basic/

  13. Metrics Layout Tree structure for districts/buildings Building Geometry height area

    (depth/width) Other Color map for numeric field

  14. Metrics Treemap - Tree structure for districts/buildings Building Geometry height

    area (depth/width) Other Color map for numeric field

  15. Quick full example

  16. Quick full example

  17. Quick full example

  18. Quick full example

  19. Boats and City

  20. Full Configuration

  21. 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

  22. None

  23. Time evolution

  24. Multiuser Networked component: https://github.com/networked-aframe/networked-aframe

  25. Desert: https://tinyurl.com/babiaFOSDEM22 With avatar selection: https://tinyurl.com/babiaAvatars Multiuser

  26. Desert: https://tinyurl.com/babiaFOSDEM22 With avatar selection: https://tinyurl.com/babiaAvatars Multiuser

  27. Other components babia-terrain babia-lookat More coming soon!

  28. future work

  29. Python integration

  30. Contribute GPLv3 License Contributing guide https://gitlab.com/babiaxr/aframe-babia-components/-/blob/master/docs/CONTRIBUTING.md

  31. BabiaXR Virtual Reality Data Visualizations for the Web https://babiaxr.gitlab.io David

    Moreno - [email protected]