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 for the Web
Search
David Moreno Lumbreras
March 11, 2022
Research
0
96
BabiaXR: Virtual Reality Data Visualizations for the Web
David Moreno Lumbreras
March 11, 2022
Tweet
Share
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
8
OPENSYM & OSS 2023 GATHER TOGETHER
dlumbrer
0
10
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
68
BabiaXR: Virtual Reality Data Visualizations for the browser
dlumbrer
0
63
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
60
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
59
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
92
VBoard, Web dashboards in VR and AR
dlumbrer
0
69
VBoard, web dashboards in VR and AR
dlumbrer
0
88
Other Decks in Research
See All in Research
「EBPMエコシステム」の可能性
daimoriwaki
0
190
CASCON 2023 Most Influential Paper Award Talk
tsantalis
0
110
Generative AI - practice and theory
gpeyre
1
500
近似最近傍探索とVector DBの理論的背景
matsui_528
2
790
Source Code Diff Revolution (JetBrains Open Reading Club)
tsantalis
0
210
精神疾患患者のアクティビティデータを利用したリハビリテーションのためのシステムに関する研究
comfortdesignlab
0
120
Accurate Method and Variable Tracking in Commit History
tsantalis
0
200
データで診て考える合志市の渋滞と公共交通 ~めざせ 車1割削減、渋滞半減、公共交通2倍~
trafficbrain
0
440
FMP L3 Year 1 Project Proposal
haiinya
0
140
クロスモーダル表現学習の研究動向: 音声関連を中心として
ryomasumura
3
510
LLMマルチエージェントを俯瞰する
masatoto
25
14k
DeepCrysTet: A Deep Learning Approach Using Tetrahedral Mesh for Predicting Properties of Crystalline Materials
tsurubee
0
300
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
512
39k
Writing Fast Ruby
sferik
619
59k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
The Invisible Customer
myddelton
114
12k
Six Lessons from altMBA
skipperchong
19
2.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
For a Future-Friendly Web
brad_frost
170
8.9k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
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]