Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
OPENSYM & OSS 2023 GATHER TOGETHER
Search
David Moreno Lumbreras
September 08, 2023
Technology
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
OPENSYM & OSS 2023 GATHER TOGETHER
David Moreno Lumbreras
September 08, 2023
Transcript
27 slides
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
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
70
Visualize the NPM dependencies city ecosystem of your node project in VR
dlumbrer
0
210
BabiaXR: Virtual Reality Data Visualizations for the Web
dlumbrer
0
240
BabiaXR: Virtual Reality Data Visualizations for the browser
dlumbrer
0
260
CodeCity: On-Screen or in Virtual Reality? - VISSOFT 2021
dlumbrer
0
120
BabiaXR Visualización de Datos en Realidad Virtual
dlumbrer
0
200
BabiaXR: Virtual Reality Data Visualizations using only Front-End
dlumbrer
0
270
VBoard, Web dashboards in VR and AR
dlumbrer
0
240
VBoard, web dashboards in VR and AR
dlumbrer
0
260
Other Decks in Technology
See All in Technology
田んぼの見回りをIoTで減らしたい!水位監視から電池駆動カメラまでの試行錯誤
itosoft
1
220
自治体AIコンタクトセンター、何をどこに任せる?~Amazon Connect Customer +Amazon Bedrockの実践知~ / 20261107 Satoshi Torano
shift_evolve
PRO
1
140
LLM 基盤と kagent v0 を全部 k8s に入れてみた / Deploy both LLM and kagent v0 in k8s
kota2and3kan
0
220
内製アプリとClaudeスキルのセキュリティチェック、 Backlogの課題で回しています。
ayaka_egaaa
0
190
AIが会計業務の伴走者に。 マネーフォワード クラウド会計MCPサーバーで実現するAI前提の新しい業務プロセス
nobitabashi
0
150
常時稼働エージェントの作り方(Claude公式ブログを資料化)
minorun365
PRO
7
15k
Kiro を使うコツ (頼み方、覚えさせ方、任せ方) | 目指せ Kiro マスター 09
inariku
PRO
3
160
Claude Securityを使ってみた / claude-security-claude-code-meetup-nagoya
tnir
0
120
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
17
120k
落とし穴にハマってわかった 開発生産性を測るときに気をつけたいこと
munakata
2
220
セキュリティ専任チームなしで攻撃を先回りするSREが実践したSIEM on Amazon OpenSearch Service
cscengineer
PRO
1
890
Kiro CLI 入門 (ターミナルと CI で使う) | 目指せ Kiro マスター 03
inariku
PRO
2
150
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
The Invisible Side of Design
smashingmag
301
52k
SEO for Brand Visibility & Recognition
aleyda
0
4.9k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
610
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
990
Amusing Abliteration
ianozsvald
1
390
How to build a perfect <img>
jonoalderson
1
6.2k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
300
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.4k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
2
3k