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
78
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
26
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
150
BabiaXR: Virtual Reality Data Visualizations for the Web
dlumbrer
0
200
BabiaXR: Virtual Reality Data Visualizations for the browser
dlumbrer
0
210
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
82
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
150
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
220
VBoard, Web dashboards in VR and AR
dlumbrer
0
180
VBoard, web dashboards in VR and AR
dlumbrer
0
180
Other Decks in Technology
See All in Technology
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
170
技育祭2025【秋】 企業ピッチ/登壇資料(高橋 悟生)
hacobu
PRO
0
110
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
300
Git in Team
kawaguti
PRO
3
380
RDS の負荷が高い場合に AWS で取りうる具体策 N 連発/a-series-of-specific-countermeasures-available-on-aws-when-rds-is-under-high-load
emiki
4
3.5k
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
200
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
230
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
230
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
450
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.5k
incident_commander_demaecan__1_.pdf
demaecan
0
160
Liquid AI Hackathon Tokyo プレゼン資料
aratako
0
110
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
How to Ace a Technical Interview
jacobian
280
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Site-Speed That Sticks
csswizardry
13
910
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
870
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
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