Icons

Icons can be displayed by creating an icon layer. You can configure it as a fixed icon (e.g. freezer) or bind it to a field (e.g. asset type).

The fixed icon scenario is simple, all objects will display the same icon.

When binding it to a field the icon will be defined dynamically for each object based on the field value.

AI search

When binding to a field you can toggle the AI search option. This feature uses AI to find the icon that best represents the field value. The table below shows a few examples:

Assets
ultra low freezer
proteomics and genomics
fiber optic illuminator
tubing welder

Icons
	freezer
	dna
	laser-pointer
	soldering-iron

If the AI search is off, Hopara will try to fetch an icon with the same name as the field value. If not found, it will fallback to the default icon. If no default icon is configured the pin icon will be displayed.

How to define icons for individual values

You can define icons for individual values in the advanced mode of a layer under encoding -> icon -> map. On the left you should set the field value and on the right the icon name. This feature can be used to overwrite the smart search result for a specific value.

{
  "name": "Asset",
  "type": "icon",
  "encoding": {
    "color": {
      "field": "type",
      "map": {
        "calorimeter": "thermostat",
        "biosafety": "cabinet"
      }
    }
  }
}

How to upload custom icons

You can upload custom icons by clicking on icons on the home screen. Hopara supports uploading SVG and PNG images.

Hopara will display the uploaded icon if any field value matches the icon name. You can also use the icon map described in the previous section to display the uploaded icon for a different value.