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
OPENSYM & OSS 2023 GATHER TOGETHER
Search
David Moreno Lumbreras
September 08, 2023
Technology
0
65
OPENSYM & OSS 2023 GATHER TOGETHER
David Moreno Lumbreras
September 08, 2023
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
22
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
140
BabiaXR: Virtual Reality Data Visualizations for the Web
dlumbrer
0
190
BabiaXR: Virtual Reality Data Visualizations for the browser
dlumbrer
0
190
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
74
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
140
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
210
VBoard, Web dashboards in VR and AR
dlumbrer
0
170
VBoard, web dashboards in VR and AR
dlumbrer
0
180
Other Decks in Technology
See All in Technology
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
1
220
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
160
QuickSight SPICE の効果的な運用戦略~S3 + Athena 構成での実践ノウハウ~/quicksight-spice-s3-athena-best-practices
emiki
0
120
PO初心者が考えた ”POらしさ”
nb_rady
0
220
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
420
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
140
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
470
AWS CDK 入門ガイド これだけは知っておきたいヒント集
anank
3
290
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
140
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
110
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
330
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
1
410
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Navigating Team Friction
lara
187
15k
Speed Design
sergeychernyshev
32
1k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Transcript
Visualize your Open Source Software using an Extended Reality (XR)
web-based software analytics system: BabiaXR https://babiaxr.gitlab.io David Moreno Lumbreras Jesús M. González-Barahona Gregorio Robles
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
Entity Component System Entity - <a-entity> Components - HTML attributes
on <a-entity>‘s System - Systems are similar to components in definition https://aframe.io/docs/1.2.0/introduction/entity-component-system.html
Component https://aframe.io/docs/1.2.0/introduction/writing-a-component.html
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
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
https://thesis-dlumbrer.gitlab.io/ist21-reprpckg/first_ experiment/scenes/screen/jetuml2021.html
Time evolution https://thesis-dlumbrer.gitlab.io/sattose2023/ Tutorial to build your visualization: https://babiaxr.gitlab.io/tutorials/temporal_evol_with_boats/
Dependencies Tutorial to build your visualization: https://gitlab.com/thesis-dlumbrer/vr-dependencies-babiaxr/-/blob/main/README.md?ref_type=heads https://thesis-dlumbrer.gitlab.io/emse22-scenes/dashboards/ch aoss-dashboards-static.html
Community Data https://thesis-dlumbrer.gitlab.io/emse22-scenes /dashboards/chaoss-dashboards-static.html
bonus
Contribute GPLv3 License Contributing guide https://gitlab.com/babiaxr/aframe-babia-components/-/blob/master/docs/CONTRIBUTING.md
Visualize your Open Source Software using an Extended Reality (XR)
web-based software analytics system: BabiaXR https://babiaxr.gitlab.io David Moreno Lumbreras Jesús M. González-Barahona Gregorio Robles