diff --git a/src/components/Combined/ArmedConflictWithBaseMap/index.stories.ts b/src/examples/Combined/ArmedConflict/WithBaseMap/index.stories.ts
similarity index 89%
rename from src/components/Combined/ArmedConflictWithBaseMap/index.stories.ts
rename to src/examples/Combined/ArmedConflict/WithBaseMap/index.stories.ts
index 721a633..56dcb67 100644
--- a/src/components/Combined/ArmedConflictWithBaseMap/index.stories.ts
+++ b/src/examples/Combined/ArmedConflict/WithBaseMap/index.stories.ts
@@ -1,6 +1,8 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { ArmedConflictWithBaseMap } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../components/mapStyleOptions";
+
+
 
 const meta = {
   component: ArmedConflictWithBaseMap,
diff --git a/src/components/Combined/ArmedConflictWithBaseMap/index.tsx b/src/examples/Combined/ArmedConflict/WithBaseMap/index.tsx
similarity index 93%
rename from src/components/Combined/ArmedConflictWithBaseMap/index.tsx
rename to src/examples/Combined/ArmedConflict/WithBaseMap/index.tsx
index efac7ac..0f9985e 100644
--- a/src/components/Combined/ArmedConflictWithBaseMap/index.tsx
+++ b/src/examples/Combined/ArmedConflict/WithBaseMap/index.tsx
@@ -3,7 +3,7 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { ArmedConflictPMTilesSource as source } from "../../../components/Datasets/ArmedConflict/source";
+import { ArmedConflictPMTilesSource as source } from "../../../../components/Datasets/ArmedConflict/source";
 
 export const ArmedConflictWithBaseMap: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/ArmedConflictWithRwanda10AndOverture/index.stories.ts b/src/examples/Combined/ArmedConflict/WithOverture/WithRwanda10/index.stories.ts
similarity index 57%
rename from src/components/Combined/ArmedConflictWithRwanda10AndOverture/index.stories.ts
rename to src/examples/Combined/ArmedConflict/WithOverture/WithRwanda10/index.stories.ts
index 99771ff..659967d 100644
--- a/src/components/Combined/ArmedConflictWithRwanda10AndOverture/index.stories.ts
+++ b/src/examples/Combined/ArmedConflict/WithOverture/WithRwanda10/index.stories.ts
@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from "@storybook/react";
-import { ArmedConflictWithRwanda10AndOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { ArmedConflictWithRwanda10WithOverture } from ".";
+import { mapStyleOptions } from "../../../../../components/mapStyleOptions";
+
 
 const meta = {
-  component: ArmedConflictWithRwanda10AndOverture,
+  component: ArmedConflictWithRwanda10WithOverture,
   argTypes: {
     mapStyle: {
       options: mapStyleOptions,
@@ -19,9 +20,9 @@ const meta = {
       bottomPanelHeight: 300,
     },
   },
-} satisfies Meta<typeof ArmedConflictWithRwanda10AndOverture>;
+} satisfies Meta<typeof ArmedConflictWithRwanda10WithOverture>;
 
 export default meta;
-type Story = StoryObj<typeof ArmedConflictWithRwanda10AndOverture>;
+type Story = StoryObj<typeof ArmedConflictWithRwanda10WithOverture>;
 
 export const Preview: Story = {};
diff --git a/src/components/Combined/ArmedConflictWithRwanda10AndOverture/index.tsx b/src/examples/Combined/ArmedConflict/WithOverture/WithRwanda10/index.tsx
similarity index 85%
rename from src/components/Combined/ArmedConflictWithRwanda10AndOverture/index.tsx
rename to src/examples/Combined/ArmedConflict/WithOverture/WithRwanda10/index.tsx
index 6107591..dc38a50 100644
--- a/src/components/Combined/ArmedConflictWithRwanda10AndOverture/index.tsx
+++ b/src/examples/Combined/ArmedConflict/WithOverture/WithRwanda10/index.tsx
@@ -3,11 +3,11 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { ArmedConflictPMTilesSource as dataSource } from "../../../components/Datasets/ArmedConflict/source";
-import { Rwanda10PMTilesSource as terrainSource } from "../../../components/Datasets/Rwanda10/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { ArmedConflictPMTilesSource as dataSource } from "../../../../../components/Datasets/ArmedConflict/source";
+import { Rwanda10PMTilesSource as terrainSource } from "../../../../../components/Datasets/Rwanda10/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../../components/Datasets/OvertureMaps/source";
 
-export const ArmedConflictWithRwanda10AndOverture: React.FC<{ mapStyle: string }> = ({
+export const ArmedConflictWithRwanda10WithOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
 }) => {
   useEffect(() => {
diff --git a/src/components/Combined/ArmedConflictWithOverture/index.stories.ts b/src/examples/Combined/ArmedConflict/WithOverture/index.stories.ts
similarity index 89%
rename from src/components/Combined/ArmedConflictWithOverture/index.stories.ts
rename to src/examples/Combined/ArmedConflict/WithOverture/index.stories.ts
index 388a057..128ef5f 100644
--- a/src/components/Combined/ArmedConflictWithOverture/index.stories.ts
+++ b/src/examples/Combined/ArmedConflict/WithOverture/index.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { ArmedConflictWithOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../components/mapStyleOptions";
 
 const meta = {
   component: ArmedConflictWithOverture,
diff --git a/src/components/Combined/ArmedConflictWithOverture/index.tsx b/src/examples/Combined/ArmedConflict/WithOverture/index.tsx
similarity index 91%
rename from src/components/Combined/ArmedConflictWithOverture/index.tsx
rename to src/examples/Combined/ArmedConflict/WithOverture/index.tsx
index c8445cc..63c00b3 100644
--- a/src/components/Combined/ArmedConflictWithOverture/index.tsx
+++ b/src/examples/Combined/ArmedConflict/WithOverture/index.tsx
@@ -3,8 +3,8 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { ArmedConflictPMTilesSource as dataSource } from "../../../components/Datasets/ArmedConflict/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { ArmedConflictPMTilesSource as dataSource } from "../../../../components/Datasets/ArmedConflict/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../components/Datasets/OvertureMaps/source";
 
 export const ArmedConflictWithOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/OpenCellIdWithBaseMap/index.stories.ts b/src/examples/Combined/OpenCellId/WithBaseMap/index.stories.ts
similarity index 89%
rename from src/components/Combined/OpenCellIdWithBaseMap/index.stories.ts
rename to src/examples/Combined/OpenCellId/WithBaseMap/index.stories.ts
index 5f08b56..99257ca 100644
--- a/src/components/Combined/OpenCellIdWithBaseMap/index.stories.ts
+++ b/src/examples/Combined/OpenCellId/WithBaseMap/index.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { OpenCellIdWithBaseMap } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../components/mapStyleOptions";
 
 const meta = {
   component: OpenCellIdWithBaseMap,
diff --git a/src/components/Combined/OpenCellIdWithBaseMap/index.tsx b/src/examples/Combined/OpenCellId/WithBaseMap/index.tsx
similarity index 90%
rename from src/components/Combined/OpenCellIdWithBaseMap/index.tsx
rename to src/examples/Combined/OpenCellId/WithBaseMap/index.tsx
index fe2d60a..e190615 100644
--- a/src/components/Combined/OpenCellIdWithBaseMap/index.tsx
+++ b/src/examples/Combined/OpenCellId/WithBaseMap/index.tsx
@@ -3,7 +3,7 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { OpenCellIdPMTilesSource as source } from "../../../components/Datasets/OpenCellId/source";
+import { OpenCellIdPMTilesSource as source } from "../../../../components/Datasets/OpenCellId/source";
 
 export const OpenCellIdWithBaseMap: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/OpenCellIdWithDEM1A/index.stories.ts b/src/examples/Combined/OpenCellId/WithDEM1A/index.stories.ts
similarity index 89%
rename from src/components/Combined/OpenCellIdWithDEM1A/index.stories.ts
rename to src/examples/Combined/OpenCellId/WithDEM1A/index.stories.ts
index fda818f..9317cd0 100644
--- a/src/components/Combined/OpenCellIdWithDEM1A/index.stories.ts
+++ b/src/examples/Combined/OpenCellId/WithDEM1A/index.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { OpenCellIdWithDEM1A } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../components/mapStyleOptions";
 
 const meta = {
   component: OpenCellIdWithDEM1A,
diff --git a/src/components/Combined/OpenCellIdWithDEM1A/index.tsx b/src/examples/Combined/OpenCellId/WithDEM1A/index.tsx
similarity index 90%
rename from src/components/Combined/OpenCellIdWithDEM1A/index.tsx
rename to src/examples/Combined/OpenCellId/WithDEM1A/index.tsx
index 72f4365..fc05203 100644
--- a/src/components/Combined/OpenCellIdWithDEM1A/index.tsx
+++ b/src/examples/Combined/OpenCellId/WithDEM1A/index.tsx
@@ -3,8 +3,8 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { OpenCellIdPMTilesSource as dataSource } from "../../../components/Datasets/OpenCellId/source";
-import { DEM1APMTilesSource as terrainSource } from "../../../components/Datasets/DEM1A/source";
+import { OpenCellIdPMTilesSource as dataSource } from "../../../../components/Datasets/OpenCellId/source";
+import { DEM1APMTilesSource as terrainSource } from "../../../../components/Datasets/DEM1A/source";
 
 export const OpenCellIdWithDEM1A: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/OpenCellIdWithDEM1AAndOverture/index.stories.tsx b/src/examples/Combined/OpenCellId/WithOverture/WithDEM1A/index.stories.tsx
similarity index 89%
rename from src/components/Combined/OpenCellIdWithDEM1AAndOverture/index.stories.tsx
rename to src/examples/Combined/OpenCellId/WithOverture/WithDEM1A/index.stories.tsx
index 63cedf1..4aa7d78 100644
--- a/src/components/Combined/OpenCellIdWithDEM1AAndOverture/index.stories.tsx
+++ b/src/examples/Combined/OpenCellId/WithOverture/WithDEM1A/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { OpenCellIdWithDEM1AAndOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../../components/mapStyleOptions";
 
 const meta = {
   component: OpenCellIdWithDEM1AAndOverture,
diff --git a/src/components/Combined/OpenCellIdWithDEM1AAndOverture/index.tsx b/src/examples/Combined/OpenCellId/WithOverture/WithDEM1A/index.tsx
similarity index 84%
rename from src/components/Combined/OpenCellIdWithDEM1AAndOverture/index.tsx
rename to src/examples/Combined/OpenCellId/WithOverture/WithDEM1A/index.tsx
index 7ece375..bee17d8 100644
--- a/src/components/Combined/OpenCellIdWithDEM1AAndOverture/index.tsx
+++ b/src/examples/Combined/OpenCellId/WithOverture/WithDEM1A/index.tsx
@@ -3,9 +3,9 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { OpenCellIdPMTilesSource as dataSource } from "../../Datasets/OpenCellId/source";
-import { DEM1APMTilesSource as terrainSource } from "../../Datasets/DEM1A/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { OpenCellIdPMTilesSource as dataSource } from "../../../../../components/Datasets/OpenCellId/source";
+import { DEM1APMTilesSource as terrainSource } from "../../../../../components/Datasets/DEM1A/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../../components/Datasets/OvertureMaps/source";
 
 export const OpenCellIdWithDEM1AAndOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/OpenCellIdWithRwanda10AndOverture/index.stories.tsx b/src/examples/Combined/OpenCellId/WithOverture/WithRwanda10/index.stories.tsx
similarity index 89%
rename from src/components/Combined/OpenCellIdWithRwanda10AndOverture/index.stories.tsx
rename to src/examples/Combined/OpenCellId/WithOverture/WithRwanda10/index.stories.tsx
index 811027a..98bddec 100644
--- a/src/components/Combined/OpenCellIdWithRwanda10AndOverture/index.stories.tsx
+++ b/src/examples/Combined/OpenCellId/WithOverture/WithRwanda10/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { OpenCellIdWithRwanda10AndOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../../components/mapStyleOptions";
 
 const meta = {
   component: OpenCellIdWithRwanda10AndOverture,
diff --git a/src/components/Combined/OpenCellIdWithRwanda10AndOverture/index.tsx b/src/examples/Combined/OpenCellId/WithOverture/WithRwanda10/index.tsx
similarity index 90%
rename from src/components/Combined/OpenCellIdWithRwanda10AndOverture/index.tsx
rename to src/examples/Combined/OpenCellId/WithOverture/WithRwanda10/index.tsx
index 8b4c975..99b5b39 100644
--- a/src/components/Combined/OpenCellIdWithRwanda10AndOverture/index.tsx
+++ b/src/examples/Combined/OpenCellId/WithOverture/WithRwanda10/index.tsx
@@ -3,9 +3,9 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { OpenCellIdPMTilesSource as dataSource } from "../../../components/Datasets/OpenCellId/source";
-import { Rwanda10PMTilesSource as terrainSource } from "../../../components/Datasets/Rwanda10/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { OpenCellIdPMTilesSource as dataSource } from "../../../../../components/Datasets/OpenCellId/source";
+import { Rwanda10PMTilesSource as terrainSource } from "../../../../../components/Datasets/Rwanda10/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../../components/Datasets/OvertureMaps/source";
 
 export const OpenCellIdWithRwanda10AndOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/OpenCellIdWithOverture/index.stories.tsx b/src/examples/Combined/OpenCellId/WithOverture/index.stories.tsx
similarity index 89%
rename from src/components/Combined/OpenCellIdWithOverture/index.stories.tsx
rename to src/examples/Combined/OpenCellId/WithOverture/index.stories.tsx
index e075ba6..dc23ca0 100644
--- a/src/components/Combined/OpenCellIdWithOverture/index.stories.tsx
+++ b/src/examples/Combined/OpenCellId/WithOverture/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { OpenCellIdWithOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../components/mapStyleOptions";
 
 const meta = {
   component: OpenCellIdWithOverture,
diff --git a/src/components/Combined/OpenCellIdWithOverture/index.tsx b/src/examples/Combined/OpenCellId/WithOverture/index.tsx
similarity index 87%
rename from src/components/Combined/OpenCellIdWithOverture/index.tsx
rename to src/examples/Combined/OpenCellId/WithOverture/index.tsx
index f846e84..3f0e5fa 100644
--- a/src/components/Combined/OpenCellIdWithOverture/index.tsx
+++ b/src/examples/Combined/OpenCellId/WithOverture/index.tsx
@@ -3,8 +3,8 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { OpenCellIdPMTilesSource as dataSource } from "../../Datasets/OpenCellId/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { OpenCellIdPMTilesSource as dataSource } from "../../../../components/Datasets/OpenCellId/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../components/Datasets/OvertureMaps/source";
 
 export const OpenCellIdWithOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/VientianeLanduseWithOpenCellIdAndOverture/index.stories.ts b/src/examples/Combined/VientianeLanduse/WithOverture/WithOpenCellId/index.stories.ts
similarity index 89%
rename from src/components/Combined/VientianeLanduseWithOpenCellIdAndOverture/index.stories.ts
rename to src/examples/Combined/VientianeLanduse/WithOverture/WithOpenCellId/index.stories.ts
index ff2f4f8..fcd464b 100644
--- a/src/components/Combined/VientianeLanduseWithOpenCellIdAndOverture/index.stories.ts
+++ b/src/examples/Combined/VientianeLanduse/WithOverture/WithOpenCellId/index.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { VientianeLanduseWithOpenCellIdAndOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../../components/mapStyleOptions";
 
 const meta = {
   component: VientianeLanduseWithOpenCellIdAndOverture,
diff --git a/src/components/Combined/VientianeLanduseWithOpenCellIdAndOverture/index.tsx b/src/examples/Combined/VientianeLanduse/WithOverture/WithOpenCellId/index.tsx
similarity index 89%
rename from src/components/Combined/VientianeLanduseWithOpenCellIdAndOverture/index.tsx
rename to src/examples/Combined/VientianeLanduse/WithOverture/WithOpenCellId/index.tsx
index 680a5f6..8d0346f 100644
--- a/src/components/Combined/VientianeLanduseWithOpenCellIdAndOverture/index.tsx
+++ b/src/examples/Combined/VientianeLanduse/WithOverture/WithOpenCellId/index.tsx
@@ -3,9 +3,9 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { VientianeLandusePMTilesSource as landuseDataSource } from "../../Datasets/VientianeLanduse/source";
-import { OpenCellIdPMTilesSource as cellIdDataSource } from "../../Datasets/OpenCellId/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { VientianeLandusePMTilesSource as landuseDataSource } from "../../../../../components/Datasets/VientianeLanduse/source";
+import { OpenCellIdPMTilesSource as cellIdDataSource } from "../../../../../components/Datasets/OpenCellId/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../../components/Datasets/OvertureMaps/source";
 
 export const VientianeLanduseWithOpenCellIdAndOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/VientianeLanduseWithOverture/index.stories.ts b/src/examples/Combined/VientianeLanduse/WithOverture/index.stories.ts
similarity index 89%
rename from src/components/Combined/VientianeLanduseWithOverture/index.stories.ts
rename to src/examples/Combined/VientianeLanduse/WithOverture/index.stories.ts
index d49ddb6..8e286e9 100644
--- a/src/components/Combined/VientianeLanduseWithOverture/index.stories.ts
+++ b/src/examples/Combined/VientianeLanduse/WithOverture/index.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { VientianeLanduseWithOverture } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../../components/mapStyleOptions";
 
 const meta = {
   component: VientianeLanduseWithOverture,
diff --git a/src/components/Combined/VientianeLanduseWithOverture/index.tsx b/src/examples/Combined/VientianeLanduse/WithOverture/index.tsx
similarity index 91%
rename from src/components/Combined/VientianeLanduseWithOverture/index.tsx
rename to src/examples/Combined/VientianeLanduse/WithOverture/index.tsx
index 8314948..c86484d 100644
--- a/src/components/Combined/VientianeLanduseWithOverture/index.tsx
+++ b/src/examples/Combined/VientianeLanduse/WithOverture/index.tsx
@@ -3,8 +3,8 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { VientianeLandusePMTilesSource as dataSource } from "../../Datasets/VientianeLanduse/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { VientianeLandusePMTilesSource as dataSource } from "../../../../components/Datasets/VientianeLanduse/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../../components/Datasets/OvertureMaps/source";
 
 export const VientianeLanduseWithOverture: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/VientianeLanduseMap/index.stories.ts b/src/examples/Combined/VientianeLanduse/index.stories.ts
similarity index 89%
rename from src/components/Combined/VientianeLanduseMap/index.stories.ts
rename to src/examples/Combined/VientianeLanduse/index.stories.ts
index d9dcfbb..37287b1 100644
--- a/src/components/Combined/VientianeLanduseMap/index.stories.ts
+++ b/src/examples/Combined/VientianeLanduse/index.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { VientianeLanduseMap } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../components/mapStyleOptions";
 
 const meta = {
   component: VientianeLanduseMap,
diff --git a/src/components/Combined/VientianeLanduseMap/index.tsx b/src/examples/Combined/VientianeLanduse/index.tsx
similarity index 95%
rename from src/components/Combined/VientianeLanduseMap/index.tsx
rename to src/examples/Combined/VientianeLanduse/index.tsx
index 3edc4cb..c04393a 100644
--- a/src/components/Combined/VientianeLanduseMap/index.tsx
+++ b/src/examples/Combined/VientianeLanduse/index.tsx
@@ -3,7 +3,7 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { VientianeLandusePMTilesSource as dataSource } from "../../Datasets/VientianeLanduse/source";
+import { VientianeLandusePMTilesSource as dataSource } from "../../../components/Datasets/VientianeLanduse/source";
 
 export const VientianeLanduseMap: React.FC<{ mapStyle: string }> = ({
   mapStyle,
diff --git a/src/components/Combined/RwandaMap/index.stories.tsx b/src/examples/Stories/RwandaMap/index.stories.tsx
similarity index 88%
rename from src/components/Combined/RwandaMap/index.stories.tsx
rename to src/examples/Stories/RwandaMap/index.stories.tsx
index 2e68495..8b8e835 100644
--- a/src/components/Combined/RwandaMap/index.stories.tsx
+++ b/src/examples/Stories/RwandaMap/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { RwandaMap } from ".";
-import { mapStyleOptions } from "../../mapStyleOptions";
+import { mapStyleOptions } from "../../../components/mapStyleOptions";
 
 const meta = {
   component: RwandaMap,
diff --git a/src/components/Combined/RwandaMap/index.tsx b/src/examples/Stories/RwandaMap/index.tsx
similarity index 87%
rename from src/components/Combined/RwandaMap/index.tsx
rename to src/examples/Stories/RwandaMap/index.tsx
index dc3fae9..72db6ac 100644
--- a/src/components/Combined/RwandaMap/index.tsx
+++ b/src/examples/Stories/RwandaMap/index.tsx
@@ -3,10 +3,10 @@ import maplibregl from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { Layer, Map, Source } from "react-map-gl/maplibre";
 import { useEffect } from "react";
-import { OpenCellIdPMTilesSource as cellDataSource } from "../../Datasets/OpenCellId/source";
-import { ArmedConflictPMTilesSource as conflictDataSource } from "../../Datasets/ArmedConflict/source";
-import { Rwanda10PMTilesSource as terrainSource } from "../../Datasets/Rwanda10/source";
-import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../Datasets/OvertureMaps/source";
+import { OpenCellIdPMTilesSource as cellDataSource } from "../../../components/Datasets/OpenCellId/source";
+import { ArmedConflictPMTilesSource as conflictDataSource } from "../../../components/Datasets/ArmedConflict/source";
+import { Rwanda10PMTilesSource as terrainSource } from "../../../components/Datasets/Rwanda10/source";
+import { OvertureMapsTransportationOnlyPMTilesSource as transportationSource } from "../../../components/Datasets/OvertureMaps/source";
 
 export const RwandaMap: React.FC<{ mapStyle: string }> = ({
   mapStyle,