Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

BabiaXR: Virtual Reality Data Visualizations fo...

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

BabiaXR: Virtual Reality Data Visualizations for the Web

Avatar for David Moreno Lumbreras

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

Other Decks in Research

See All in Research
ros2-perf-multihost: 分散システムにおける客観的なアーキテクチャ評価フレームワーク
Avatar for takasehideki takasehideki
0
280
Harness Engineering and Al Agent
Avatar for Kazuki Inamura kzinmr
3
2k
[WebDB2026]セレンディピティ指向推薦システム再考 ―セレンディピティの原義・類型・発生過程に基づく設計指針―
Avatar for RecSysLab recsyslab
PRO
0
180
視覚若手の会LENSって何？？
Avatar for 小島瑞貴 mickey_0226
0
320
クラウド・AI 時代の研究開発 DX / R&D Digital Transformation
Avatar for Yoshitaka Haribara hariby
0
190
適応的スパムフィルタのための軽量な類似メッセージカウンタ / jsai2026-adaptive-spam-filter
Avatar for monochromegane monochromegane
0
5.7k
Sleuthcon Keynote - How Cybercriminals (ab)use AI
Avatar for Thomas Roccia fr0gger
0
350
大規模言語モデルは誰を覚えているか / Who Do Large Language Models Memorize?
Avatar for Shotaro Ishihara upura
0
200
某助成金プロジェクト採択に向けて企業研究所のアウトリーチ専任者がやったこと
Avatar for afroscript afroscript
0
190
2026年6月_副業コンプライアンス調査_業界別リスク度分析_株式会社フクスケ.pdf
Avatar for fkske fkske
0
110
PGDM: Physically Guided Diffusion Model for L Downscaling
Avatar for SatAI.challenge satai
3
510
生成AIなんでも展示会vol6　LT登壇資料　NexteraBERT
Avatar for Rikka Botan rikkabotan7
0
170

Featured

See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
610
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
192
12k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.7k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
340
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
46k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.2k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
300
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
370

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]