> ## Documentation Index
> Fetch the complete documentation index at: https://docs.omni.co/llms.txt
> Use this file to discover all available pages before exploring further.
# Add links to visualizations
> Encourage self-service data exploration by adding links to other dashboards to your visualizations.
export const categoryIcons = {
'administration': 'lock',
'api': 'terminal',
'connections': 'database',
'dashboards': 'table-columns',
'embed': 'code',
'errors': 'exclamation',
'migration': 'angles-right',
'modeling': 'wrench',
'patterns': 'plus',
'schedules & alerts': 'envelope',
'visualizations': 'chart-column',
'workbooks': 'book'
};
export const GuideSidebar = ({category, relatedLinks, updatedDate}) => {
const [progress, setProgress] = React.useState(0);
React.useEffect(() => {
const sidebar = document.querySelector('.guide-sidebar');
if (!sidebar) return;
let container = sidebar.parentElement;
while (container && !container.querySelector('.guide-header')) {
container = container.parentElement;
}
if (container && !container.classList.contains('guide-page-layout')) {
container.classList.add('guide-page-layout');
}
}, []);
React.useEffect(() => {
const handleScroll = () => {
const scrollTop = window.scrollY;
const docHeight = document.documentElement.scrollHeight - window.innerHeight;
const scrollPercent = docHeight > 0 ? scrollTop / docHeight * 100 : 0;
setProgress(Math.min(100, Math.max(0, scrollPercent)));
};
window.addEventListener('scroll', handleScroll, {
passive: true
});
handleScroll();
return () => window.removeEventListener('scroll', handleScroll);
}, []);
const icon = category ? categoryIcons[category.toLowerCase()] || 'book' : 'book';
return ;
};
export const GuideTitle = ({title}) => {
return
{title}
;
};
A great way to encourage self-service data exploration is by adding URL links to your charts and visualizations. That way, your teammates can click on a data point and explore other dashboards. For example, here are a few common use cases we see:
* **Customer lookup** - In a table listing your biggest customers, you can add a link to the `Salesforce Account ID` field that will take you to their Salesforce Account page.
* **Application database** - In a graph of most common error codes encountered by users, you can add a link to the `Error Code` field that links to your application database's most recent instances of that error code.
* **Cross-linking dashboards** - In a chart with number of orders per customer, you can add a link to a **Customer Lookup** Omni dashboard that lets you see more details on a specific customer.
## Linking in action
Check out what linking in a visualization looks like in practice with this short video demonstration:
## Adding dynamic links to fields
Omni lets you add dynamic links to individual dimensions and measures to curate that self-service data exploration. All you need to do is add the [`links` parameter](/modeling/dimensions/parameters/links) to the field in your model:
```yaml title="Search engine links on country field" theme={null}
country:
links:
- url: https://www.google.com/search?q=${users.country}
label: Google
icon_url: https://cdn4.iconfinder.com/data/icons/new-google-logo-2015/400/new-google-favicon-1024.png
- url: https://www.bing.com/search?q=${users.country}
label: Bing
```