> For the complete documentation index, see [llms.txt](https://docs-v3.toucantoco.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-v3.toucantoco.com/visualizations-and-layouts/apps/stories/crossfilter.md). # Crossfilter ## Overview Crossfilter allows our charts to filter a 2nd one.

The first chart is called the "parent chart" and the second is called the "child chart". The crossfilter is based on columns used to configure the both charts. By default, we're using the column used in the `label` field. ### Available "parent chart" * Barchart * Barlinechart * Circularchart * Linechart * Heatmap * Mapchart * Stackedbarchart ### How to configure 1. Configure two charts with their mandatory options 2. Hover the first chart, it's available if it's available as parent chart, click on the link icon. {% hint style="success" %} **Success** Your crossfilter is configured {% endhint %} 1. Click on the link icon on the parent chart 2. On the "configuration" panel, you have the columns on which the crossfilter is based on. 3. Change or add a column on which you can't your crossfilter to be based.

{% hint style="success" %} #### How to edit **Success** The crossfilter is directly updated {% endhint %} ### How to apply/unapply 1. Click on the **cog** button on the parent chart 2. Click on the **link** button that appears on the child chart -> Your child chart isn't cross-filtered anymore 3. Click again on the link button -> Your child chart is now crossfiltered again.

{% hint style="success" %} **Success** Now you know how to manage crossfilter :tada: {% endhint %} ### Manage charts' size When having 2 charts at the same time, you might want to display one as smaller than the other. By default, both charts will occupy half of the screen but you might want to make the top chart smaller. You can find the `size` parameters in your chart options (in the **Display** category) You can specify a size for each chart. It should be between 0 and 1. {% hint style="info" %} Both **0** and **1** values have no effect on the size! You should have a decimal value like **0.4** {% endhint %} If you need to set a different ratio for mobile displays, use the `mobile size` option. If there is no `mobile size` option, the `size` option will also be used for mobile as well. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://docs-v3.toucantoco.com/visualizations-and-layouts/apps/stories/crossfilter.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.