@genspectrum/dashboard-components 0.10.3 → 0.11.0

package/custom-elements.json

@@ -290,7 +290,7 @@
           "type": {
             "text": "Meta<Required<DateRangeSelectorProps>>"
           },
-          "default": "{ title: 'Input/DateRangeSelector', component: 'gs-date-range-selector', parameters: withComponentDocs({ actions: { handles: ['gs-date-range-filter-changed', 'gs-date-range-option-changed', ...previewHandles], }, fetchMock: {}, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), argTypes: { initialValue: { control: { type: 'select', }, options: [dateRangeOptionPresets.lastMonth.label, dateRangeOptionPresets.allTimes.label, 'CustomDateRange'], }, dateColumn: { control: { type: 'text' } }, dateRangeOptions: { control: { type: 'object', }, }, earliestDate: { control: { type: 'text', }, }, width: { control: { type: 'text', }, }, }, args: { dateRangeOptions: [ dateRangeOptionPresets.lastMonth, dateRangeOptionPresets.last3Months, dateRangeOptionPresets.allTimes, customDateRange, ], earliestDate: '1970-01-01', initialValue: dateRangeOptionPresets.lastMonth.label, dateColumn: 'aDateColumn', width: '100%', initialDateFrom: undefined, initialDateTo: undefined, }, tags: ['autodocs'], }"
+          "default": "{ title: 'Input/DateRangeSelector', component: 'gs-date-range-selector', parameters: withComponentDocs({ actions: { handles: ['gs-date-range-filter-changed', 'gs-date-range-option-changed', ...previewHandles], }, fetchMock: {}, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), argTypes: { initialValue: { control: { type: 'select', }, options: [dateRangeOptionPresets.lastMonth.label, dateRangeOptionPresets.allTimes.label, 'CustomDateRange'], }, lapisDateField: { control: { type: 'text' } }, dateRangeOptions: { control: { type: 'object', }, }, earliestDate: { control: { type: 'text', }, }, width: { control: { type: 'text', }, }, }, args: { dateRangeOptions: [ dateRangeOptionPresets.lastMonth, dateRangeOptionPresets.last3Months, dateRangeOptionPresets.allTimes, customDateRange, ], earliestDate: '1970-01-01', initialValue: dateRangeOptionPresets.lastMonth.label, lapisDateField: 'aDateColumn', width: '100%', initialDateFrom: undefined, initialDateTo: undefined, }, tags: ['autodocs'], }"
         },
         {
           "kind": "variable",
@@ -298,7 +298,7 @@
           "type": {
             "text": "StoryObj<Required<DateRangeSelectorProps>>"
           },
-          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-date-range-selector .dateRangeOptions=${args.dateRangeOptions} .earliestDate=${args.earliestDate} .initialValue=${args.initialValue} .initialDateFrom=${args.initialDateFrom} .initialDateTo=${args.initialDateTo} .width=${args.width} .dateColumn=${args.dateColumn} ></gs-date-range-selector> </div> </gs-app>`, }"
+          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-date-range-selector .dateRangeOptions=${args.dateRangeOptions} .earliestDate=${args.earliestDate} .initialValue=${args.initialValue} .initialDateFrom=${args.initialDateFrom} .initialDateTo=${args.initialDateTo} .width=${args.width} .lapisDateField=${args.lapisDateField} ></gs-date-range-selector> </div> </gs-app>`, }"
         },
         {
           "kind": "variable",
@@ -407,13 +407,13 @@
             },
             {
               "kind": "field",
-              "name": "dateColumn",
+              "name": "lapisDateField",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the column in LAPIS that contains the date information.",
-              "attribute": "dateColumn"
+              "description": "The name of the metadata field in LAPIS that contains the date information.",
+              "attribute": "lapisDateField"
             }
           ],
           "events": [
@@ -488,13 +488,13 @@
               "fieldName": "width"
             },
             {
-              "name": "dateColumn",
+              "name": "lapisDateField",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the column in LAPIS that contains the date information.",
-              "fieldName": "dateColumn"
+              "description": "The name of the metadata field in LAPIS that contains the date information.",
+              "fieldName": "lapisDateField"
             }
           ],
           "superclass": {
@@ -1377,7 +1377,7 @@
           "type": {
             "text": "StoryObj<Required<AggregateProps>>"
           },
-          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <gs-aggregate .fields=${args.fields} .filter=${args.filter} .views=${args.views} .width=${args.width} .height=${args.height} .initialSortField=${args.initialSortField} .initialSortDirection=${args.initialSortDirection} .pageSize=${args.pageSize} ></gs-aggregate> </gs-app> `, args: { fields: ['division', 'host'], views: ['table'], filter: { country: 'USA', }, width: '100%', height: '700px', initialSortField: 'count', initialSortDirection: 'descending', pageSize: 10, }, }"
+          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <gs-aggregate .fields=${args.fields} .lapisFilter=${args.lapisFilter} .views=${args.views} .width=${args.width} .height=${args.height} .initialSortField=${args.initialSortField} .initialSortDirection=${args.initialSortDirection} .pageSize=${args.pageSize} ></gs-aggregate> </gs-app> `, args: { fields: ['division', 'host'], views: ['table'], lapisFilter: { country: 'USA', }, width: '100%', height: '700px', initialSortField: 'count', initialSortDirection: 'descending', pageSize: 10, }, }"
         }
       ],
       "exports": [
@@ -1422,7 +1422,7 @@
               "kind": "field",
               "name": "views",
               "type": {
-                "text": "View[]"
+                "text": "AggregateView[]"
               },
               "default": "['table']",
               "description": "A list of tabs with views that this component should provide.",
@@ -1430,13 +1430,13 @@
             },
             {
               "kind": "field",
-              "name": "filter",
+              "name": "lapisFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data.\nIt must be a valid LAPIS filter object.",
-              "attribute": "filter"
+              "attribute": "lapisFilter"
             },
             {
               "kind": "field",
@@ -1502,20 +1502,20 @@
             {
               "name": "views",
               "type": {
-                "text": "View[]"
+                "text": "AggregateView[]"
               },
               "default": "['table']",
               "description": "A list of tabs with views that this component should provide.",
               "fieldName": "views"
             },
             {
-              "name": "filter",
+              "name": "lapisFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data.\nIt must be a valid LAPIS filter object.",
-              "fieldName": "filter"
+              "fieldName": "lapisFilter"
             },
             {
               "name": "width",
@@ -1659,7 +1659,7 @@
               "kind": "field",
               "name": "lapisFilters",
               "type": {
-                "text": "{\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
               "default": "[]",
               "description": "Required.\n\nAn array of LAPIS filters to select the data to compare.\n\nThe `lapisFilter` will be sent as is to LAPIS to filter the mutation data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label for the filtered dataset in the views.\nIt should be human-readable.",
@@ -1720,7 +1720,7 @@
             {
               "name": "lapisFilters",
               "type": {
-                "text": "{\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
               "default": "[]",
               "description": "Required.\n\nAn array of LAPIS filters to select the data to compare.\n\nThe `lapisFilter` will be sent as is to LAPIS to filter the mutation data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label for the filtered dataset in the views.\nIt should be human-readable.",
@@ -1900,7 +1900,7 @@
               "kind": "field",
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -1971,7 +1971,7 @@
             {
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -2144,7 +2144,7 @@
               "kind": "field",
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -2205,7 +2205,7 @@
             {
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -2326,7 +2326,7 @@
           "type": {
             "text": "StoryObj<NumberSequencesOverTimeProps>"
           },
-          "default": "{ ...Template, args: { ...Template.args, lapisFilter: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsEG, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { ...Template.args, lapisFilters: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsEG, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
         },
         {
           "kind": "variable",
@@ -2334,7 +2334,7 @@
           "type": {
             "text": "StoryObj<NumberSequencesOverTimeProps>"
           },
-          "default": "{ ...Template, args: { ...Template.args, lapisFilter: [ { displayName: 'XBB', lapisFilter: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31', fields: ['date'], }, }, response: { status: 200, body: twoVariantsXBB, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { ...Template.args, lapisFilters: [ { displayName: 'XBB', lapisFilter: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31', fields: ['date'], }, }, response: { status: 200, body: twoVariantsXBB, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
         }
       ],
       "exports": [
@@ -2399,13 +2399,13 @@
           "members": [
             {
               "kind": "field",
-              "name": "lapisFilter",
+              "name": "lapisFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to fetch the number of sequences for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used to label the component views.\nIt should be human-readable.",
-              "attribute": "lapisFilter"
+              "attribute": "lapisFilters"
             },
             {
               "kind": "field",
@@ -2480,13 +2480,13 @@
           ],
           "attributes": [
             {
-              "name": "lapisFilter",
+              "name": "lapisFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to fetch the number of sequences for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used to label the component views.\nIt should be human-readable.",
-              "fieldName": "lapisFilter"
+              "fieldName": "lapisFilters"
             },
             {
               "name": "lapisDateField",
@@ -2589,7 +2589,7 @@
           "type": {
             "text": "Meta<Required<PrevalenceOverTimeProps>>"
           },
-          "default": "{ title: 'Visualization/Prevalence over time', component: 'gs-prevalence-over-time', argTypes: { numeratorFilter: { control: 'object' }, denominatorFilter: { control: 'object' }, granularity: { options: ['day', 'week', 'month', 'year'], control: { type: 'radio' }, }, smoothingWindow: { control: 'number' }, views: { options: ['bar', 'line', 'bubble', 'table'], control: { type: 'check' }, }, confidenceIntervalMethods: { options: ['none', 'wilson'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, pageSize: { control: 'object' }, yAxisMaxLinear: { control: 'object' }, yAxisMaxLogarithmic: { control: 'object' }, }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
+          "default": "{ title: 'Visualization/Prevalence over time', component: 'gs-prevalence-over-time', argTypes: { granularity: { options: ['day', 'week', 'month', 'year'], control: { type: 'radio' }, }, smoothingWindow: { control: 'number' }, views: { options: ['bar', 'line', 'bubble', 'table'], control: { type: 'check' }, }, confidenceIntervalMethods: { options: ['none', 'wilson'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, pageSize: { control: 'object' }, yAxisMaxLinear: { control: 'object' }, yAxisMaxLogarithmic: { control: 'object' }, }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
         },
         {
           "kind": "variable",
@@ -2597,7 +2597,7 @@
           "type": {
             "text": "StoryObj<Required<PrevalenceOverTimeProps>>"
           },
-          "default": "{ ...Template, args: { numeratorFilter: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01' } }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], denominatorFilter: { country: 'USA', dateFrom: '2023-01-01' }, granularity: 'month', smoothingWindow: 0, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterEG, }, }, { matcher: { name: 'numeratorJN1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterJN1, }, }, { matcher: { name: 'denominator', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilter, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { numeratorFilters: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01' } }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], denominatorFilter: { country: 'USA', dateFrom: '2023-01-01' }, granularity: 'month', smoothingWindow: 0, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterEG, }, }, { matcher: { name: 'numeratorJN1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterJN1, }, }, { matcher: { name: 'denominator', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilter, }, }, ], }, }, }"
         },
         {
           "kind": "variable",
@@ -2605,7 +2605,7 @@
           "type": {
             "text": "StoryObj<Required<PrevalenceOverTimeProps>>"
           },
-          "default": "{ ...Template, args: { numeratorFilter: { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01' }, }, denominatorFilter: { country: 'USA', dateFrom: '2023-10-01' }, granularity: 'week', smoothingWindow: 2, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterOneDataset, }, }, { matcher: { name: 'denominatorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilterOneDataset, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { numeratorFilters: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01' }, }, ], denominatorFilter: { country: 'USA', dateFrom: '2023-10-01' }, granularity: 'week', smoothingWindow: 2, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterOneDataset, }, }, { matcher: { name: 'denominatorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilterOneDataset, }, }, ], }, }, }"
         },
         {
           "kind": "variable",
@@ -2694,19 +2694,19 @@
           "members": [
             {
               "kind": "field",
-              "name": "numeratorFilter",
+              "name": "numeratorFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to calculate the prevalence for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label the prevalence in the views.\nIt should be human-readable.",
-              "attribute": "numeratorFilter"
+              "attribute": "numeratorFilters"
             },
             {
               "kind": "field",
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
@@ -2815,18 +2815,18 @@
           ],
           "attributes": [
             {
-              "name": "numeratorFilter",
+              "name": "numeratorFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to calculate the prevalence for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label the prevalence in the views.\nIt should be human-readable.",
-              "fieldName": "numeratorFilter"
+              "fieldName": "numeratorFilters"
             },
             {
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
@@ -2958,7 +2958,7 @@
           "kind": "variable",
           "name": "meta",
           "type": {
-            "text": "Meta<RelativeGrowthAdvantageComponentProps>"
+            "text": "Meta<RelativeGrowthAdvantageProps>"
           },
           "default": "{ title: 'Visualization/Relative growth advantage', component: 'gs-relative-growth-advantage', argTypes: { numeratorFilter: { control: 'object' }, denominatorFilter: { control: 'object' }, generationTime: { control: 'number' }, views: { options: ['line'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, yAxisMaxLinear: { control: 'object' }, yAxisMaxLogarithmic: { control: 'object' }, }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
         },
@@ -2966,7 +2966,7 @@
           "kind": "variable",
           "name": "Default",
           "type": {
-            "text": "StoryObj<Required<RelativeGrowthAdvantageComponentProps>>"
+            "text": "StoryObj<Required<RelativeGrowthAdvantageProps>>"
           },
           "default": "{ ...Template, args: { numeratorFilter: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateFrom: '2020-12-01', dateTo: '2021-03-01', }, denominatorFilter: { country: 'Switzerland', dateFrom: '2020-12-01', dateTo: '2021-03-01' }, generationTime: 7, views: ['line'], width: '100%', height: '700px', lapisDateField: 'date', yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorFilter', url: AGGREGATED_ENDPOINT, body: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateFrom: '2020-12-01', dateTo: '2021-03-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilter, }, }, { matcher: { name: 'denominatorFilter', url: AGGREGATED_ENDPOINT, body: { country: 'Switzerland', dateFrom: '2020-12-01', dateTo: '2021-03-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilter, }, }, ], }, }, }"
         }
@@ -3003,7 +3003,7 @@
               "kind": "field",
               "name": "numeratorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
@@ -3013,7 +3013,7 @@
               "kind": "field",
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
@@ -3094,7 +3094,7 @@
             {
               "name": "numeratorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
@@ -3103,7 +3103,7 @@
             {
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
@@ -3200,6 +3200,326 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/visualization/gs-sequences-by-location.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<Required<SequencesByLocationProps>>"
+          },
+          "default": "{ title: 'Visualization/Sequences by location', component: 'gs-sequences-by-location', argTypes: {}, parameters: withComponentDocs({ fetchMock: { mocks: [ { matcher: { name: 'aggregatedData', url: AGGREGATED_ENDPOINT, body: { fields: ['division', 'host'], country: 'USA', }, }, response: { status: 200, body: aggregatedData, }, }, ], }, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
+        },
+        {
+          "kind": "variable",
+          "name": "WorldMap",
+          "type": {
+            "text": "StoryObj<SequencesByLocationProps>"
+          },
+          "default": "{ ...Template, args: { ...Template.args, lapisFilter: { dateFrom: '2022-01-01', dateTo: '2022-04-01' }, lapisLocationField: 'country', mapSource: { type: 'topojson', url: mockMapUrl, topologyObjectsKey: 'countries', }, zoom: 2, offsetX: 0, offsetY: 10, }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'worldMap', url: mockMapUrl, }, response: { status: 200, body: worldAtlas, }, }, { matcher: { name: 'aggregatedData', url: AGGREGATED_ENDPOINT, body: { fields: ['country'], dateFrom: '2022-01-01', dateTo: '2022-04-01', }, }, response: { status: 200, body: aggregatedWorld, }, }, ], }, }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "Germany",
+          "type": {
+            "text": "StoryObj<SequencesByLocationProps>"
+          },
+          "default": "{ ...Template, args: { ...Template.args, lapisFilter: { dateFrom: '2022-01-01', dateTo: '2022-04-01', country: 'Germany' }, lapisLocationField: 'division', mapSource: { type: 'topojson', url: mockMapUrl, topologyObjectsKey: 'deu', }, views: ['map', 'table'], zoom: 6.3, offsetX: 10, offsetY: 51.4, }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'worldMap', url: mockMapUrl, }, response: { status: 200, body: mapOfGermany, }, }, { matcher: { name: 'aggregatedData', url: AGGREGATED_ENDPOINT, body: { fields: ['division'], dateFrom: '2022-01-01', dateTo: '2022-04-01', country: 'Germany', }, }, response: { status: 200, body: aggregatedGermany, }, }, ], }, }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "GermanyTableOnly",
+          "type": {
+            "text": "StoryObj<SequencesByLocationProps>"
+          },
+          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <gs-sequences-by-location .lapisFilter=${args.lapisFilter} .lapisLocationField=${args.lapisLocationField} .width=${args.width} .height=${args.height} .views=${args.views} .pageSize=${args.pageSize} ></gs-sequences-by-location> </gs-app> `, args: { lapisFilter: { dateFrom: '2022-01-01', dateTo: '2022-04-01', country: 'Germany' }, lapisLocationField: 'division', width: '100%', height: '700px', views: ['table'], pageSize: 10, }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedData', url: AGGREGATED_ENDPOINT, body: { fields: ['division'], dateFrom: '2022-01-01', dateTo: '2022-04-01', country: 'Germany', }, }, response: { status: 200, body: aggregatedGermany, }, }, ], }, }, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/visualization/gs-sequences-by-location.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WorldMap",
+          "declaration": {
+            "name": "WorldMap",
+            "module": "src/web-components/visualization/gs-sequences-by-location.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Germany",
+          "declaration": {
+            "name": "Germany",
+            "module": "src/web-components/visualization/gs-sequences-by-location.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GermanyTableOnly",
+          "declaration": {
+            "name": "GermanyTableOnly",
+            "module": "src/web-components/visualization/gs-sequences-by-location.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/visualization/gs-sequences-by-location.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "## Context\n\nThis component shows the geographic distribution of sequence data from LAPIS.\nIt displays the count and proportion (number of sample per `lapisLocationField` / number of samples matching the `lapisFilter`)\nof the data by location.\n\n## Views\n\n### Map View\n\nThis view displays a chloropleth map based on [Leaflet](https://leafletjs.com/).\nThe component expects a `mapSource` object that specifies where the map data can be downloaded from.\nWe can imagine that we add other map source types later (for example, GeoJSON).\n\n#### TopoJSON\n\nSuppose you provide this example object as `mapSource`:\n\n```json\n{\n   \"type\": \"topojson\",\n   \"url\": \"https://example.com/map.topojson\",\n   \"topologyObjectsKey\": \"myObjectKey\"\n}\n```\n\nThe URL must point to a [TopoJSON file](https://github.com/topojson/topojson) that contains the map data.\nThe TopoJSON file must schematically look like this,\nwhere `objects[topologyObjectsKey]` must be a valid GeometryCollection (`objects.myObjectKey` in this example):\n\n```json\n{\n  \"type\": \"Topology\",\n  \"objects\": {\n    \"myObjectKey\": {\n      \"type\": \"GeometryCollection\",\n      \"geometries\": [\n        {\n          \"type\": \"Polygon\",\n          \"properties\": {\n            \"name\": \"North Rhine Westphalia\"\n          },\n          \"id\": \"DE.NW\",\n          \"arcs\": [...]\n        },\n        ...\n      ]\n    }\n  },\n  \"arcs\": [...],\n  \"transform\": {...}\n}\n```\n\nYou can use any valid TopoJSON file.\nhttps://github.com/markmarkoh/datamaps/tree/master/src/js/data contains TopoJSON files for many countries.\n\nThe `lapisFilter` is used to select the data to display, and it is aggregated by the `lapisLocationField`.\nThis component assumes that every geometry object in the TopoJSON file has a `properties.name` field.\n\nThe values that LAPIS returns for `lapisLocationField` must match the `properties.name` in the map data.\nLAPIS entries where `lapisLocationField` is `null` are ignored on the map.\n\nThe names of the locations in the TopoJSON map and in LAPIS should match.\nHowever, there are two cases of misalignment:\n- If there is a LAPIS location that does not match any location in the TopoJSON map,\n  the component will log a console warning to assist in creating map data that aligns with the LAPIS data.\n- If a TopoJSON location does not match any LAPIS location for the given filter,\n  no data will be displayed for this location.\n  This is expected, as LAPIS will only return locations where sequences have been collected for that filter.\n\n### Table View\n\nThis view displays the data in a table format.\nIt is similar to the table view of the `gs-aggregate` component.\nThe table has three columns:\n- `lapisLocationField`,\n- `count` (the number of samples in this location matching the `lapisFilter`),\n- `proportion` (`count` / sum of the `count` of all locations).",
+          "name": "SequencesByLocationComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "lapisFilter",
+              "type": {
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
+              },
+              "default": "{}",
+              "description": "LAPIS filter to select the displayed data.\nIf you want to display the distribution over the states of a certain country,\nyou should usually filter by that country here (e.g. { country: 'USA' }).",
+              "attribute": "lapisFilter"
+            },
+            {
+              "kind": "field",
+              "name": "lapisLocationField",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Required.\n\nThe location field to aggregate the data by.\nThis should match the selected map location granularity.",
+              "attribute": "lapisLocationField"
+            },
+            {
+              "kind": "field",
+              "name": "mapSource",
+              "type": {
+                "text": "{ type: 'topojson'; url: string; topologyObjectsKey: string } | undefined"
+              },
+              "default": "undefined",
+              "description": "Required when using the map view.\n\nThe source of the map data. See component level docs for more information.",
+              "attribute": "mapSource"
+            },
+            {
+              "kind": "field",
+              "name": "enableMapNavigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enable map navigation (dragging, keyboard navigation, zooming).",
+              "attribute": "enableMapNavigation"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "The width of the component.\nNot that the map in the map view is not responsive\n(i.e. does not adjust its size when the component is resized).\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "'700px'",
+              "description": "The height of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "views",
+              "type": {
+                "text": "('map' | 'table')[]"
+              },
+              "default": "['map', 'table']",
+              "description": "A list of tabs with views that this component should provide.",
+              "attribute": "views"
+            },
+            {
+              "kind": "field",
+              "name": "zoom",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The initial zoom level of the map.",
+              "attribute": "zoom"
+            },
+            {
+              "kind": "field",
+              "name": "offsetX",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Initially shift the center of the map in x direction (longitude).\n\n`-180` is the International Date Line with the map shifted to the right, `0` is the prime meridian,\n`180` is the International Date Line with the map shifted to the left.",
+              "attribute": "offsetX"
+            },
+            {
+              "kind": "field",
+              "name": "offsetY",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Initially shift the center of the map in y direction (latitude).\n\n`-90` is the South Pole, `0` is the equator, `90` is the North Pole.",
+              "attribute": "offsetY"
+            },
+            {
+              "kind": "field",
+              "name": "pageSize",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "description": "The maximum number of rows to display in the table view.\nSet to `false` to disable pagination. Set to `true` to enable pagination with a default limit (10).",
+              "attribute": "pageSize"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "lapisFilter",
+              "type": {
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
+              },
+              "default": "{}",
+              "description": "LAPIS filter to select the displayed data.\nIf you want to display the distribution over the states of a certain country,\nyou should usually filter by that country here (e.g. { country: 'USA' }).",
+              "fieldName": "lapisFilter"
+            },
+            {
+              "name": "lapisLocationField",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Required.\n\nThe location field to aggregate the data by.\nThis should match the selected map location granularity.",
+              "fieldName": "lapisLocationField"
+            },
+            {
+              "name": "mapSource",
+              "type": {
+                "text": "{ type: 'topojson'; url: string; topologyObjectsKey: string } | undefined"
+              },
+              "default": "undefined",
+              "description": "Required when using the map view.\n\nThe source of the map data. See component level docs for more information.",
+              "fieldName": "mapSource"
+            },
+            {
+              "name": "enableMapNavigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enable map navigation (dragging, keyboard navigation, zooming).",
+              "fieldName": "enableMapNavigation"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "The width of the component.\nNot that the map in the map view is not responsive\n(i.e. does not adjust its size when the component is resized).\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "fieldName": "width"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "'700px'",
+              "description": "The height of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "fieldName": "height"
+            },
+            {
+              "name": "views",
+              "type": {
+                "text": "('map' | 'table')[]"
+              },
+              "default": "['map', 'table']",
+              "description": "A list of tabs with views that this component should provide.",
+              "fieldName": "views"
+            },
+            {
+              "name": "zoom",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The initial zoom level of the map.",
+              "fieldName": "zoom"
+            },
+            {
+              "name": "offsetX",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Initially shift the center of the map in x direction (longitude).\n\n`-180` is the International Date Line with the map shifted to the right, `0` is the prime meridian,\n`180` is the International Date Line with the map shifted to the left.",
+              "fieldName": "offsetX"
+            },
+            {
+              "name": "offsetY",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Initially shift the center of the map in y direction (latitude).\n\n`-90` is the South Pole, `0` is the equator, `90` is the North Pole.",
+              "fieldName": "offsetY"
+            },
+            {
+              "name": "pageSize",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "description": "The maximum number of rows to display in the table view.\nSet to `false` to disable pagination. Set to `true` to enable pagination with a default limit (10).",
+              "fieldName": "pageSize"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapterWithGridJsStyles",
+            "module": "/src/web-components/PreactLitAdapterWithGridJsStyles"
+          },
+          "tagName": "gs-sequences-by-location",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SequencesByLocationComponent",
+          "declaration": {
+            "name": "SequencesByLocationComponent",
+            "module": "src/web-components/visualization/gs-sequences-by-location.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-sequences-by-location",
+          "declaration": {
+            "name": "SequencesByLocationComponent",
+            "module": "src/web-components/visualization/gs-sequences-by-location.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/web-components/visualization/gs-statistics.stories.ts",
@@ -3253,7 +3573,7 @@
               "kind": "field",
               "name": "numeratorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the overall number of sequences and as the numerator for the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3263,7 +3583,7 @@
               "kind": "field",
               "name": "denominatorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the denominator of the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3294,7 +3614,7 @@
             {
               "name": "numeratorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the overall number of sequences and as the numerator for the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3303,7 +3623,7 @@
             {
               "name": "denominatorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the denominator of the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3416,6 +3736,14 @@
             "module": "./gs-mutations-over-time"
           }
         },
+        {
+          "kind": "js",
+          "name": "SequencesByLocationComponent",
+          "declaration": {
+            "name": "SequencesByLocationComponent",
+            "module": "./gs-sequences-by-location"
+          }
+        },
         {
           "kind": "js",
           "name": "StatisticsComponent",