FiDi
Search
⌃K

Widgets Collection

Widgets display the data transformed by a mapper. This section covers the widgets available on the platform today.
There are three widgets types available today.

Pie Chart

Input data

{
items: [
{id: "id1", name: "Unit #1", value: {usd: 24, eur: 37.5}},
{id: "id2", name: "Unit #2", value: {usd: 71, eur: 106.5}},
{id: "id3", name: "Unit #3", value: {usd: 5, eur: 7.5}}
]
}

Customisation

  • count - how many items to show in a pie chart,
  • order - how to sort items before taking the first count of them,
  • pallete - which colors to use in a pie chart,
  • unit - as data sources may return values in multiple units (e.g. currencies), user needs to pick one to display.

Result

Pie Chart Exampoles
​

Token Value List

Input data

{
items: [
{id: "id1", name: "AVAX", value: {usd: 17805.80, eur: 26708.7}},
{id: "id2", name: "ETH", value: {usd: 3349.22, eur: 5023.83}},
{id: "id3", name: "USDC", value: {usd: 3105, eur: 4657.5}}
]
}

Customisation

  • count - how many items to show in a list,
  • order - how to sort items before taking the first count of them,
  • withMarks - whether to show colored dots next to each item in a list,
  • pallete - which colors to use for a dots, if withMarks is checked,
  • unit - as data sources may return values in multiple units (e.g. currencies), user needs to pick one to display.

Result

Single Metric

Input data

{
value: {usd: 41442.3888, eur: 62163.5832}
}

Customisation

  • label - how to label the data,
  • unit - as data sources may return values in multiple units (e.g. currencies), user needs to pick one to display.

Result

Last modified 2mo ago