OPENSYM & OSS 2023 GATHER TOGETHER

Transcript

1. 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
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. 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
7. Component https://aframe.io/docs/1.2.0/introduction/writing-a-component.html
8. Queriers babia-queryjson <a-entity id="data" babia-queryjson="url: ./data.json;"> </a-entity> babia-queryes babia-querygithub
9. Data management babia-filter Work In Progress <a-entity babia-filter="from: data; filter: age=2017"></a-entity> babia-treebuilder
10. 1. Pie 2. Doughnut 3. 3D/2D bars 4. 3D/2D cylinders 5. Bubbles 6. Network . . Visualizations
11. Visualizations 1. Pie 2. Doughnut 3. 3D/2D bars 4. 3D/2D cylinders 5. Bubbles 6. Network . . City
12. Examples babiaxr-vismapper (maps data properties to visualization properties) https://babiaxr.gitlab.io/aframe-babia-components/
13. Guides Components API https://babiaxr.gitlab.io/apis/ Tutorials https://babiaxr.gitlab.io/tutorials/
14. City https://babiaxr.gitlab.io/aframe-babia-components/examples/codecityjs/basic/
15. Metrics Layout Tree structure for districts/buildings Building Geometry height area (depth/width) Other Color map for numeric field
16. Metrics Treemap - Tree structure for districts/buildings Building Geometry height area (depth/width) Other Color map for numeric field
17. Quick full example
18. Boats and City
19. Full Configuration
20. 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
21. https://thesis-dlumbrer.gitlab.io/ist21-reprpckg/first_ experiment/scenes/screen/jetuml2021.html
22. Time evolution https://thesis-dlumbrer.gitlab.io/sattose2023/ Tutorial to build your visualization: https://babiaxr.gitlab.io/tutorials/temporal_evol_with_boats/
23. 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
24. Community Data https://thesis-dlumbrer.gitlab.io/emse22-scenes /dashboards/chaoss-dashboards-static.html
25. bonus
26. Contribute GPLv3 License Contributing guide https://gitlab.com/babiaxr/aframe-babia-components/-/blob/master/docs/CONTRIBUTING.md
27. 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