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

BabiaXR: Virtual Reality Data Visualizations fo...

Avatar for David Moreno Lumbreras David Moreno Lumbreras
March 11, 2022
Research
0
200

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
26
OPENSYM & OSS 2023 GATHER TOGETHER
Avatar for David Moreno Lumbreras dlumbrer
0
78
Visualize the NPM dependencies city ecosystem of your node project in VR
Avatar for David Moreno Lumbreras dlumbrer
0
150
BabiaXR: Virtual Reality Data Visualizations for the browser
Avatar for David Moreno Lumbreras dlumbrer
0
210
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
Avatar for David Moreno Lumbreras dlumbrer
0
82
BabiaXR Visualización de Datos en Realidad Virtual
Avatar for David Moreno Lumbreras dlumbrer
0
150
BabiaXR: Virtual Reality Data Visualizations using only Front-End
Avatar for David Moreno Lumbreras dlumbrer
0
220
VBoard, Web dashboards in VR and AR
Avatar for David Moreno Lumbreras dlumbrer
0
180
VBoard, web dashboards in VR and AR
Avatar for David Moreno Lumbreras dlumbrer
0
180

Other Decks in Research

See All in Research
CoRL2025速報
Avatar for robotpaper.challenge rpc
1
2.2k
20250605_新交通システム推進議連_熊本都市圏「車1割削減、渋滞半減、公共交通2倍」から考える地方都市交通政策
Avatar for Traffic Brain trafficbrain
0
870
AIスパコン「さくらONE」のLLM学習ベンチマークによる性能評価 / SAKURAONE LLM Training Benchmarking
Avatar for Yuuki Tsubouchi (yuuk1) yuukit
2
700
投資戦略202508
Avatar for Pragmaworks pw
0
570
Unsupervised Domain Adaptation Architecture Search with Self-Training for Land Cover Mapping
Avatar for SatAI.challenge satai
3
210
AIグラフィックデザインの進化：断片から統合（One Piece）へ / From Fragment to One Piece: A Survey on AI-Driven Graphic Design
Avatar for Shunsuke KITADA shunk031
0
510
国際論文を出そう！ICRA / IROS / RA-L への論文投稿の心構えとノウハウ / RSJ2025 Luncheon Seminar
Avatar for koide3 koide3
10
5.5k
スキマバイトサービスにおける現場起点でのデザインアプローチ
Avatar for 眞行寺由郎 yoshioshingyouji
0
250
Combinatorial Search with Generators
Avatar for Keisuke Okumura | 奥村圭祐 kei18
0
1k
日本語新聞記事を用いた大規模言語モデルの暗記定量化 / LLMC2025
Avatar for Shotaro Ishihara upura
0
250
Generative Models 2025
Avatar for Hiroshi Takahashi takahashihiroshi
25
14k
Time to Cash: The Full Stack Breakdown of Modern ATM Attacks
Avatar for D ratatata
0
160

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
49
51k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k

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]