babia-pie Component

This component shows a pie chart.

Raycaster:
Get intersection with a slice to show the value.

babia-doughnut Component

This component shows a doughnut chart.

Raycaster:
Get intersection with a slice to show the value.

babia-bars Component

This component shows a 2 axis bar chart.

Raycaster:
Get intersection with a bar to show the key and value.

babia-cyls Component

This component shows a 2 axis cylinder chart.

Raycaster:
Get intersection with a cylinder to show the key and value.

babia-barsmap Component

This component shows a 3 axis bar chart.

Raycaster:
Get intersection with a bar to show the keys and values.

babia-cylsmap Component

This component shows a 3 axis cylinder chart.

Raycaster:
Get intersection with a cylinder to show the keys and values.

babia-bubbles Component

This component shows a 3 axis bubbles chart.

Raycaster:
Get intersection with a bubbles to show the keys and values.

babia-city Component

This component shows a city created using repository data.

Raycaster:
Get intersection with a building to show the path.

babia-network Component

This component shows a set of nodes and relation links.

Raycaster:
Get intersection with a node to show its name.

babia-ui Component

This component lets you choose between sets of data or metrics to show.

Interact:
Click on the different buttons to change the data of the doughnut chart.