Aframe-babia-components


Data visualization components for A-Frame.

!example

For A-Frame.

Important: The repository is hosted on GitLab, if you are on GitHub, note that this is a mirror from the GitLab repository, if you want to open an issue, PR/MR or contribute to the project, please visit:
- Repository: https://gitlab.com/babiaxr/aframe-babia-components
- Release Notes: https://gitlab.com/babiaxr/aframe-babia-components/-/blob/master/docs/RELEASE_NOTES.md
- Components webpage: https://babiaxr.gitlab.io/aframe-babia-components/
- BabiaXR webpage: https://babiaxr.gitlab.io

Why

Babia components are a set of components for data visualization, there are components for visualize, query and filter data.

This pack of components has the aim of visualize data in several ways. There are separated components and each one has an independent aim:

- babiaxr-* visualize the data prepared by a vismapper in several ways (this type of components must have in the same entity than a vismapper)
- babiaxr-querier_* the aim of just query data and save it in the entity that it has
- babiaxr-filterdata filter the data saved by one of the queriers
- babiaxr-ui for dynamically changing the metrics that are visualized in one chart using a user interface.
- And more!

For instance:

``html
position="-10 0 0" rotation="0 0 0">

`

For using the querier/filters/mappers components (see HOW_TO_CHARTS_WITH_QUERIER.md)

`html


`

Usage

#### Browser Installation

Install and use by directly including the browser files:

`html












position="-10 0 0" rotation="0 0 0">





`

#### NPM Installation

Install via NPM:

`
npm i aframe-babia-components
`

Then require and use.
`js
require('aframe');
require('aframe-babia-components');

// or

import 'aframe'
import 'aframe-babia-components'
`

How to use this components

The first step is to follow the Getting started guide, you can find it here.

Once finished, you can follow the other tutorials on the main page!

Building and Running BabiaXR, and/or Contributing Code

You might want to build BabiaXR locally to contribute some code, test out the latest features, or try out an open PR:

- CONTRIBUTING.md will help you get BabiaXR up and running.

Querier components API

Queriers are the components that query data from different data sources.

Go here to see the queriers API.

Data management components API

Data management components includes components for filtering data, transform data into a tree formar and others.

Go here to see the queriers API.

Charts components API

Charts included:
- Pie
- Doughnut
- 2D/3D bars
- 2D/3D cylinders
- Bubbles
- Terrain

Go here to see the charts API.

Cities and Boats components API

API for the city and boats visualizers components.

Go here to see the cities and boats API.

Other components API

Other components:
- UI (for changing metrics dynamically)
- lookat component
...

Go here to see the other components API.

$3

The dataset returned from the parsing of the babia-query* components must follow this model:

`
[
{
"metric": value0,
"metric2": value13,
"key": value,
...
},
{
"metric": value2,
"metric2": value4
"key": value1,
...

},
...
]

``

$3