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
27
OPENSYM & OSS 2023 GATHER TOGETHER
Avatar for David Moreno Lumbreras dlumbrer
0
80
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
85
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
190
VBoard, web dashboards in VR and AR
Avatar for David Moreno Lumbreras dlumbrer
0
190

Other Decks in Research

See All in Research
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
63
33k
CoRL2025速報
Avatar for robotpaper.challenge rpc
1
2.9k
アニメにおける宇宙猫ミームとその表現
Avatar for yttrium173340 yttrium173340
0
110
Combinatorial Search with Generators
Avatar for Keisuke Okumura | 奥村圭祐 kei18
0
1.2k
超高速データサイエンス
Avatar for Yusuke Matsui matsui_528
1
210
Galileo: Learning Global & Local Features of Many Remote Sensing Modalities
Avatar for SatAI.challenge satai
3
430
EcoWikiRS: Learning Ecological Representation of Satellite Images from Weak Supervision with Species Observation and Wikipedia
Avatar for SatAI.challenge satai
3
340
地域丸ごとデイサービス「Go トレ」の紹介
Avatar for SMARTふくしラボ smartfukushilab1
0
380
POI: Proof of Identity
Avatar for MATSUMOTO Katsuyoshi katsyoshi
0
100
なめらかなシステムと運用維持の終わらぬ未来 / dicomo2025_coherently_fittable_system
Avatar for monochromegane monochromegane
0
4.8k
20250725-bet-ai-day
Avatar for cipepser cipepser
3
520
病院向け生成AIプロダクト開発の実践と課題
Avatar for Takashi Nishibayashi hagino3000
0
270

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
1.8k

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]